:root {
  --concept-color: #5fbb4a;
  --lbg-color: #f4fbf2;
}
body{ color: #333 }
a{ color: #333 }

/* common */
.concept-color{ color: #5fbb4a }
.concept-color2{ color: #7ad465 }
.concept-bgcolor{ background-color: #5fbb4a; color: #fff }
.concept-bgcolor2{ background-color: #7ad465; color: #fff }
.point-color{ color: #ff0000 }
.point-color1{ color: #ff857d }
.point-bgcolor1{ background-color: #ff857d }

.lightgray{ color: #999 }
.lightgray2{ color: #888 }
.silver-border{ color: #ccc}
.lightsilver1{ color: #f9f9f9 }
.lightsilver2{ color: #efefef }
.dark1{ color: #222}
.dark1-2{ color: #292929}
.dark2{ color: #333}

.font-basic{ color: #333}
input[type=radio]:checked + label:before {border:5px solid #5fbb4a;} 
.checkbox.typeA input[type=radio]:checked + label{color:#5fbb4a !important;} 
/* button{ background-color: #efefef; border-color: silver 1px solid;}
button:hover{ background-color: #666; color: #fff } */

.btnStyle.main_line {color:#5fbb4a !important;border:1px solid #5fbb4a;background:#fff}
.btnStyle.main {color:#fff !important;border:1px solid #5fbb4a;background:#5fbb4a}
.popBottom{background:#5fbb4a;}
.calendar-tb .on {background: #5fbb4a;}
.tab-ty1 .swiper-slide-thumb-active{border:2px solid #5fbb4a;}
.tabType_B button:hover {color: #fff;border: 1px solid #5fbb4a;background:#5fbb4a}
.tabType_B button.active {color: #fff;border: 1px solid #5fbb4a;background:#5fbb4a}
.tabType_C button:hover {color: #5fbb4a;border: 1px solid #5fbb4a;}
.tabType_C button.on {color: #5fbb4a;border: 1px solid #5fbb4a;}
.basicTable.type1 .active{background: rgba(95, 187, 74, .05);}
.basicTable.type2 .active{background: rgba(95, 187, 74, .05);}
.basicTable.stype1.active tbody tr{background: rgba(95, 187, 74, .05);}
.fix-bottom {background:#5fbb4a !important;}

header#hd{ border-top-color: #5fbb4a; border-bottom-color: #ccc; background-color: #fff }

header#hd .filterNew2 li{ background-color: #5fbb4a; color: #fff; border-left-color: #fff; }
header#hd .filterNew2 li:hover,
header#hd .filterNew2 li.on{ background-color: #5fbb4a }
header#hd nav #gnb li a:after{ background-color: #5fbb4a }
#gnb li a{ color: #333}


div.group-theme .main-title{ color: #5fbb4a }
div.group-theme .main-title span:before,
div.group-theme .main-title span:after{ background-color: #5fbb4a }
.mainTit-A{ color:#5fbb4a }

div.choice-departure span,{ border-color: #ccc }
div.choice-departure span:hover,
div.choice-departure span.on{ background: #666; color: #fff; }

.group-theme .photoType-box{ border-color: #ccc }
.group-theme .txt-price{ color: #ff0000}
.group-theme .btnGroup li button{ border-color: #ccc; }

.btnGroup li button:hover,
.btnGroup li button.on{ background-color: #666; color: #fff;}


.group-theme .btnGroup4 li button{ border-color: #ccc; }
.btnGroup4 li button:hover,
.btnGroup4 li button.on{ background-color: #666; color: #fff;}


.group-theme .product-ADlist .photoType .article{ border-color: #ccc}
.group-theme .photoType .grow{ border-color: #ccc}


.group-theme .bt_MoreView05:hover{ color: #fff}
a.companyPop{ color: #e46c24}

div.customerCenter-wrap .container{
	border-top-color: #5fbb4a;
	border-bottom-color: #5fbb4a;
}
span.mlayerPopClose{
	background:#5fbb4a !important;
}
.mlayerPopSearch button{
	background-color:#5fbb4a !important;
}

.mlayerPopBody input:checked ~ .checkmark {
	background-color:#5fbb4a !important;
}

.mlayerPopBody input:checked ~ .checktxt {
	color:#5fbb4a !important;
}
/* black 버전일 경우 */
.mlayerPopBody ul.mlayerTypeB01 input:checked ~ .checkmark {
	background-color:#5fbb4a !important;
}
.mlayerPopBody ul.mlayerTypeB01 input:checked ~ .checktxt {
	color:#5fbb4a !important;
}

#ft{ background-color: #333; color: #999;min-height:250px;}
#ft a{ color: #999; }

#ft .footmenu li + li:before,
#ft address dl + dl:before,
#ft .call-center:before{ background-color: #fff }
#ft .footmenu li a:hover{ color: #ffc72;}
#ft .icon, #ft .call{ color: #fff;}
#ft .sns-box{ background-color: #777;border-bottom:1px solid #ddd;}
#ft .familysite:before{ background-color: #333;}
#ft .familysize-group li{ background-color: #777; border-color: rgba(255,255,255,0.1)}
#ft .familysize-group .option{ border-bottom-color: #777}
#ft .familysize-group li:hover{ background-color: #777; border-color: #ccc}
#ft .familysize-group li:hover a{ color: #000;}


.sub header{ background-color: #5fbb4a; }
.sub header a{ color: #fff }
.sub header a:hover { color: #195e1e }

#subHD{ background-color: #5fbb4a;z-index: 999;  }
#subHD .theme-title dt{ background-color: #5fbb4a; }
#subHD .theme-title dt a{  color: #fff }
#subHD .theme-2nd-wrap ul li a:hover,
#subHD .theme-2nd-wrap ul li a.on{ color: #e46c24 }
#subHD .theme-title .dd-wrap{ border: #ccc 1px solid}
#subHD .theme-title dd{ background-color: rgba(255,255,255,0.8) }
#subHD .theme-title dd:hover{ background-color: #eee }
#subHD .theme-title dd.on{ background-color: #eee }

#subHD .nat-title .dd-wrap{ border: #ccc 1px solid}
#subHD .nat-title dd{ background-color: rgba(255,255,255,0.8) }
#subHD .nat-title dd:hover{ background-color: #eee }
#subHD .nat-title dd.on{ background-color: #eee }


.search_result dd a.selected{ color: #e46c24 }

.top-aside-btns-flex{ border-color: #ccc}
.top-aside-btns-flex > span:hover, .top-aside-btns-flex > span.on,
.top-aside-btns-flex > li:hover, .top-aside-btns-flex > li.on,
.top-aside-btns-flex > a:hover, .top-aside-btns-flex > a.on,
.top-aside-btns-flex > div:hover, .top-aside-btns-flex > div.on,
.top-aside-btns-flex > .top-aside-btn:hover, .top-aside-btns-flex > .top-aside-btn.on{
    background: #5fbb4a; color: #fff;
}
.bd .top-aside-btns-flex > span,
.bd .top-aside-btns-flex > li,
.bd .top-aside-btns-flex > a,
.bd .top-aside-btns-flex > div,
.bd .top-aside-btns-flex > .top-aside-btn{
    border-color: #5fbb4a;
}

.bd .bd-list table{ border-top-color: #999 }
.bd .bd-list th{ border-bottom-color: #ccc }
.bd .bd-list td{ border-bottom-color: #efefef }
.bd .bd-list tbody tr:hover{background-color: #f9f9f9}
.bd .bd-btn{ color: #999}
.bd .bd-show-body{ border-color: #ccc }

.bd .bd-show dt{ color: #ddd}
.bd .bd-show .dl-date dd,
.bd .bd-show .dl-read dd,
.bd .bd-show .dl-writer dd,
.bd .bd-show .dl-phone dd{ color: #999}
.bd .bd-show dl + dl:after{ background-color: #efefef;}
.bd .bd-show .dl-content dd{ border-color: #efefef}
.bd .dl-content textarea{ border-collapse: #ccc}

.bd .bd_tab{ border-color: #ccc;}
.bd .bd_tab .tablinks,
.reserv_tab .tablinks
{ background-color: #d4e9ff; border-color: #ccc; color: #666; cursor: pointer}
.bd_tab .tablinks.on,
.bd_tab .tablinks:hover,
.reserv_tab .tablinks.on,
.reserv_tab .tablinks:hover{ background-color: #fff; border-bottom-color:#fff}

dl.accordion dt, dl.accordion dd{ border-bottom-color: #efefef }
.accordion dd{ background-color: #f2f2f2}
.faq-bul{ color: #fff }
dt .faq-bul{ background-color: #ff857d}
dd .faq-bul{ background-color: #5fbb4a}
dt .faq-category{ color: #999}
.bd .bd-top select, .bd .bd-top input, .bd .bd-top button{
    border-color: #5fbb4a
}
.bd .bd-faq .faq-head{ color: #666}
.bd .bd-top button,
.bd .bd-bottom button{ background-color: #5fbb4a; border-color: #5fbb4a; color: #fff}
.bd .bd-top button:hover,
.bd .bd-bottom button:hover{ background-color: #2a472c; border-color: #2a472c;color:#5fbb4a;}

.bd .bd-show .bd-prev-next{ border-color: #ccc}
.bd .bd-show .bd-prev-next dl{ border-color: #efefef}

.btn-paynow{ background-color: #999; border-color: #888; color: #fff}
.btn-cancel:hover, .btn-paynow:hover{ background-color: #666}

#mypage .greet{ color: #555; border-color: #5fbb4a}
#mypage .greet:after{ border-color: #5fbb4a}
#mypage .greet i, #mypage .greet span, .greet .title{ color: #5fbb4a}
#mypage .greet .guest{ color: #e46c24}

#pop-mypage .table-wrap dt,
#pop-mypage .table-wrap dd,
#pop-mypage .table-wrap th,
#pop-mypage .table-wrap td,
#pop_cause_cancel .table-wrap dt,
#pop_cause_cancel .table-wrap dd,
#pop_cause_cancel .table-wrap th,
#pop_cause_cancel .table-wrap td{ border-color: #ccc}
#pop-mypage .table-wrap dt,
#pop-mypage .table-wrap th,
#pop_cause_cancel .table-wrap dt,
#pop_cause_cancel .table-wrap th{ background-color: #efefef}

.table-wrap dt,
.table-wrap dd,
.table-wrap th,
.table-wrap td{ border-color: #ccc}
.table-wrap dt,
.table-wrap th{ background-color: #efefef}

.popup-box h3 i{ color: #5fbb4a}

.process-box p.title{ background-color: #5fbb4a; color: #fff}
.process-box .txt-box{ background-color: #efefef}

.exe{ text-align: center; line-height: 160%}
.cause_cancel label + label{ margin-left: 20px}

.member-btn-wrap button{ background-color: #5fbb4a; border-color: #5fbb4a; color: #fff }
.member-btn-wrap button:hover{ background-color: #2a472c; border-color: #e46c24 }


.login-box-wrap p span a:hover{ color: #5fbb4a; border-color: #5fbb4a; color: #5fbb4a}

.member .txt-wrap button{ background-color: #fff; border-color: #5fbb4a; color: #5fbb4a; border: 1px solid;}
.member .txt-wrap button:hover{ border-color: #2a472c; color: #e46c24}
td > .td-inner + .td-inner{ border-color: #ccc;}
.bd-qna .btn-qna{ background-color: #5fbb4a;color:#fff; border: 0; padding: 0 20px;font-weight:bold;height:40px;}
.bd-qna .btn-qna:hover{ background-color: #2a472c;}

.subHD .nat-title dt a:hover, .subHD .nat-title dt a.active {
	color:#195e1e !important;
}


/* more 200422 추가 */
.bt_MoreView { width: 100%;height: 50px;background: url(/images/moreBt_newlightgreen.png) center center no-repeat !important;color: #1a1a1a;font-size: 14px;font-weight: bold; margin:20px 0px 0 0px;padding-bottom:32px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.bt_MoreView:hover {background: url(/images/moreBt_newlightgreen_over.png) center center no-repeat !important;color: #1a1a1a !important;}

.bt_MoreView02 { width: 100%;height: 50px;background: url(/images/closeBt_newlightgreen.png)  center center no-repeat !important;color: #1a1a1a;font-size: 14px;font-weight: bold; margin:20px 0px 10px 0px;padding-top:24px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.bt_MoreView02:hover {background: url(/images/closeBt_newlightgreen_over.png)  center center no-repeat !important;color: #1a1a1a !important;}

/* more 다른버전 추가 0422  */
.moreContent{display: inline-block;width: 100%;text-align: center;margin:30px auto 0px;}
.more_btnArea{display: inline-block;text-align: center;margin:0px 10px;}
.more_btnArea button {position: relative;display: inline-block;cursor: pointer;outline: none;border: 0;vertical-align: middle;text-decoration: none;background: transparent;padding: 0;font-size: inherit;font-family: inherit;}
.more_btnArea button.more {width: 10rem;height: auto; border:1px solid #ddd;border-radius:20px;}
.more_btnArea button.more .circle {-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;display: block;margin: 0; width:40px;height:40px; background: #5fbb4a;border-radius:20px;}
.more_btnArea button.more .circle .icon {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.more_btnArea button.more .circle .icon.arrow {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left:0.525rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.more_btnArea button.more .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.45rem;
  right: 0.05rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.more_btnArea button.more .button-text {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 0 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-size: 14px; font-weight: 600;
  line-height:1;
  text-align: center;
  text-transform: uppercase;
}
.more_btnArea button:hover .circle {
  width: 100%;
}
.more_btnArea button:hover .circle .icon.arrow {
 /*background: #fff;
  -webkit-transform: translate(0, 1rem);
          transform: translate(0, 1rem);
		  */
}
.more_btnArea button:hover .button-text {
  color: #fff;
}


/* close */
.close_btnArea{display: inline-block;text-align: center;margin:0px 10px;}
.close_btnArea button {position: relative;display: inline-block;cursor: pointer;outline: none;border: 0;vertical-align: middle;text-decoration: none;background: transparent;padding: 0;font-size: inherit;font-family: inherit;}
.close_btnArea button.close {width: 160px;height: auto; border:1px solid #ddd;border-radius:20px;}
.close_btnArea button.close .circle {-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;display: block;margin: 0; width:40px;height:40px; background: #282936;border-radius:20px;}
.close_btnArea button.close .circle .icon {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.close_btnArea button.close .circle .icon.arrow {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left:0.525rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.close_btnArea button.close .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.15rem;
  right: 0.05rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.close_btnArea button.close .button-text {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 0 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-size: 14px; font-weight: 600;
  line-height:1;
  text-align: center;
  text-transform: uppercase;
}
.close_btnArea button:hover .circle {width: 100%;}
.close_btnArea button:hover .circle .icon.arrow {
/* background: #fff;
  -webkit-transform: translate(0, 1rem);
          transform: translate(0, 1rem);
		  */
}
.close_btnArea button:hover .button-text { color: #fff;}

/* more 다른버전 추가 0422 END */


/* 20200616 현재 사용 hWrap.on인경우 */
#hWrap.on .btn_searchType1{color:#5fbb4a; border-bottom:1px solid #5fbb4a !important;}
#hWrap.on .btn_searchType1:after{border-top:8px solid #5fbb4a;}
#hWrap.on .btn_searchType1:hover{background-color: transparent !important;color:#7ad465; border-bottom:1px solid #7ad465;}
#hWrap.on .btn_searchType1:hover:after{border-top:8px solid #7ad465;}


/* 20200616 현재 사용 type1 */
header#hd .filterBtn1 li{color:#5fbb4a; border-bottom:1px solid #5fbb4a;}
header#hd .filterBtn1 li:after{border-top:8px solid #5fbb4a;}
header#hd .filterBtn1 li:hover,
header#hd .filterBtn1 li.on{background-color: transparent !important;color:#7ad465; border-bottom:1px solid #7ad465;}
header#hd .filterBtn1 li:hover:after{border-top:8px solid #7ad465;}

/* 20200625 사용 hWrap.on인경우type6 */

#hWrap.on .searchBox_type6{border-bottom:1px solid #5fbb4a; background-color: transparent;}
#hWrap.on .searchBox_type6 > input{color:#444;font-family:'Nanum Gothic'; }
#hWrap.on .searchBox_type6 >  .input_btn{background:url(/images/i_search_black.png) right bottom no-repeat;}
#hWrap.on .searchBox_type6 input::placeholder {color:#444 !important;}
#hWrap.on .select_type6{border-bottom:1px solid #5fbb4a;background-color: transparent ;}
#hWrap.on .select_type6:after{border-top:8px solid #5fbb4a;}
#hWrap.on .select_type6 > select{color:#444;}

.searchBox_type7{border-bottom:1px solid #5fbb4a;}
.select_type7{border-bottom:1px solid #5fbb4a;}
.select_type7:after{border-top:8px solid #5fbb4a;}



/* 20200701 login */
.new_1240Wrap .formBox .bigBtn_login{border:1px solid #5fbb4a;background:#5fbb4a;}
.new_1240Wrap .formBox .bigBtn_login:hover{color:#5fbb4a;}
.btn-type.btn1.main {color:#fff !important;border:1px solid #5fbb4a;background:#5fbb4a} 
.btn-type.btn2.main {color:#fff !important;border:1px solid #5fbb4a;background:#5fbb4a}

/* 20200706 searchPop 수정 */
.mlayerPopBody ul.mlayerTypeB .On{color: #fff !important;background-color: #5fbb4a !important;border-radius: 2px;} 
.mlayerPopBody ul.mlayerTypeB li a.title:hover{ color: #fff !important;	background-color: #5fbb4a !important;border-radius: 2px;}

.car_reserve_top .tit{color: #5fbb4a;}
.car_reserve_top .txt-box .stit::before{background: #5fbb4a;}