:root {
  --concept-color: #1e68b3;
  --lbg-color: #eff5fa;
}

body{ color: #333 }
a{ color: #333 }

/* common */
.concept-color{ color: #1e68b3 }
.concept-color2{ color: #1572d1 }
.concept-bgcolor{ background-color: #1e68b3; color: #fff }
.concept-bgcolor2{ background-color: #1572d1; 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 #1e68b3;} 
.checkbox.typeA input[type=radio]:checked + label{color:#1e68b3 !important;} 
/*button{ background-color: #efefef; border-color: silver 1px solid;}
button:hover{ background-color: #666; color: #fff }*/

.btnStyle.main_line {color:#1e68b3 !important;border:1px solid #1e68b3;background:#fff}
.btnStyle.main {color:#fff !important;border:1px solid #1e68b3;background:#1e68b3}
.popBottom{/* background:#1e68b3; */ }
.calendar-tb .on {background: #1e68b3;}
.tab-ty1 .swiper-slide-thumb-active{border:2px solid #1e68b3;}
.pop_subTit::before{/* background: #1e68b3; */}
.tabType_B button:hover {color: #fff;border: 1px solid #1e68b3;background:#1e68b3}
.tabType_B button.active {color: #fff;border: 1px solid #1e68b3;background:#1e68b3}
.tabType_C button:hover {color: #1e68b3;border: 1px solid #1e68b3;}
.tabType_C button.on {color: #1e68b3;border: 1px solid #1e68b3;}
.basicTable.type1 .active{background: rgba(30, 104, 179, .05);}
.basicTable.type2 .active{background: rgba(30, 104, 179, .05);}
.basicTable.stype1.active tbody tr{background: rgba(30, 104, 179, .05);}
.fix-bottom {background:#1e68b3 !important;}

header#hd{ border-top-color: #1572d1; border-bottom-color: #ccc; background-color: #fff }

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


div.group-theme .main-title{ color: #1e68b3 }
div.group-theme .main-title span:before,
div.group-theme .main-title span:after{ background-color: #1572d1 }

.mainTit-A{ color: #1e68b3 }

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: #1e68b3}


div.customerCenter-wrap .container{ 
	border-top-color: #1572d1;
	border-bottom-color: #1572d1;
}


span.mlayerPopClose{
	background:#1572d1 !important;
}
.mlayerPopSearch button{
	background-color:#1572d1 !important;
}

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

.mlayerPopBody input:checked ~ .checktxt {
	color:#1572d1 !important;
}
/* black 버전일 경우 */
.mlayerPopBody ul.mlayerTypeB01 input:checked ~ .checkmark {
	background-color:#469ef8 !important;
}
.mlayerPopBody ul.mlayerTypeB01 input:checked ~ .checktxt {
	color:#469ef8 !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: #1572d1; }
.sub header a{ color: #fff }
.sub header a:hover { color: #90e4f9 }

#subHD{ background-color: #1572d1;z-index: 999;  }
#subHD .theme-title dt{ background-color: #1572d1; }
#subHD .theme-title dt a{  color: #fff }
#subHD .theme-2nd-wrap ul li a:hover,
#subHD .theme-2nd-wrap ul li a.on{ color: #1e68b3 }
#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: #1e68b3 }

.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: #1572d1; 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: #1572d1;
}

.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: #1572d1}
dt .faq-category{ color: #999}
.bd .bd-top select, .bd .bd-top input, .bd .bd-top button{
    border-color: #1572d1
}
.bd .bd-faq .faq-head{ color: #666}
.bd .bd-top button,
.bd .bd-bottom button{ background-color: #1572d1; border-color: #1572d1; color: #fff}
.bd .bd-top button:hover,
.bd .bd-bottom button:hover{ background-color: #d4edfd; border-color: #d4edfd;color:#1572d1;}

.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: #1572d1}
#mypage .greet:after{ border-color: #1572d1}
#mypage .greet i, #mypage .greet span, .greet .title{ color: #1572d1}
#mypage .greet .guest{ color: #1e68b3}

#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: #1572d1}

.process-box p.title{ background-color: #1572d1; 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: #1572d1; border-color: #1572d1; color: #fff }
.member-btn-wrap button:hover{ background-color: #d4edfd; border-color: #d4edfd }


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

.member .txt-wrap button{ background-color: #fff; border-color: #1572d1; color: #1572d1; border: 1px solid;}
.member .txt-wrap button:hover{ border-color: #225669; color: #1e68b3}
td > .td-inner + .td-inner{ border-color: #ccc;}
.bd-qna .btn-qna{ background-color: #1572d1;color:#fff; border: 0; padding: 0 20px;font-weight:bold;height:40px;}
.bd-qna .btn-qna:hover{ background-color: #d4edfd;}


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

/* more 200422 추가 */
.bt_MoreView { width: 100%;height: 50px;background: url(/images/moreBt_newblue.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_newblue_over.png) center center no-repeat !important;color: #1a1a1a !important;}

.bt_MoreView02 { width: 100%;height: 50px;background: url(/images/closeBt_newblue.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_newblue_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: #0383e0;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:#1e68b3; border-bottom:1px solid #1e68b3 !important;}
#hWrap.on .btn_searchType1:after{border-top:8px solid #1e68b3;}
#hWrap.on .btn_searchType1:hover{background-color: transparent !important;color:#0383e0; border-bottom:1px solid #0383e0;}
#hWrap.on .btn_searchType1:hover:after{border-top:8px solid #0383e0;}

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

/* 20200625 사용 hWrap.on인경우type6 */
#hWrap.on .searchBox_type6{border-bottom:1px solid #1e68b3; 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 #1e68b3;background-color: transparent ;}
#hWrap.on .select_type6:after{border-top:8px solid #1e68b3;}
#hWrap.on .select_type6 > select{color:#444;}

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

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

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

.car_reserve_top .tit{color: #1e68b3;}
.car_reserve_top .txt-box .stit::before{background: #1e68b3;}