@charset "utf-8";

*:focus {
     outline: none;
}

/* ----------------------------- 서브페이지 스타일 ----------------------------- */
/* 서브페이지 섹션 공통 */
/*body.scrollfix #sub_content {margin-top:61px}*/
#sub_container {position:relative;padding:30px 0;}
#sub_container .sub_inner {width:1200px; margin:0 auto}
#sub_container2 {position:relative;padding:0 0 30px 0;}
#sub_container2 .sub_inner {width:1200px; margin:0 auto}
#sub_container3 {position:relative;padding:0 0 30px 0;}
#sub_container3 .sub_inner {width:1200px; margin:0 auto 20px}
#sub_container4 {position:relative;padding:0;}
#sub_container4 .sub_inner {width:1200px; margin:0 auto}
#sub_container .sub_inner > section {position:relative;}
#sub_container .sub_inner2 {width:1200px; margin:140px auto 20px}
#sub_container .sub_inner2 > section {position:relative;}
#sub_container .sub_inner3 {width:1200px; margin:140px auto 20px}
#sub_container .sub_inner3 > section {position:relative;}
#sub_container .sub_tit {font-size:38px;color:#333;font-weight:normal;padding:80px 0px;text-align:center;font-weight:300;}
#sub_container .sub_tit strong {color:#121212;font-weight:normal;}
#sub_container .sub_tit h1 {font-size:35px;font-weight:300;color:#333;}
#sub_container .sub_tit h3 {font-size:16px;font-family:notokr;font-weight:normal;color:#999;letter-spacing:0px;}

@media screen and (max-width:1024px) {
#sub_container {padding:0 0 0 0;}
#sub_container2 {padding:0 0 0 0;}
#sub_container3 {padding:0 0 0 0;}
}
/* 서브페이지 섹션 공통 */
.sub-section {position:relative; padding:60px 0}
.sub-section.no-padding {padding:0}
.sub-section > .innerContainer {position:relative; width:1200px; margin:auto}
.sub-section > .innerContainer:after {clear:both; display:block; content:''}
.sub-section .section-tit {margin-bottom:50px; text-align:center;padding-top:60px;}
.sub-section .section-tit h2 {font-size:35px; font-weight:600; color:#3a3a3a; margin-bottom:10px}
.sub-section .section-tit h2 span {font-weight:300}
.sub-section .section-tit h3 {font-size:12px; font-weight:500; color:#888; letter-spacing:5px; text-transform:uppercase}
.sub-section .section-tit h3 span {color:#25221d}
#btn_location2 i {font-size: 28px; line-height: 34px; color: #fff}

#viewport{width:100%;overflow:hidden}
.contains{margin:0 auto;width:1200px}

/* 상세 페이지 */
#content{position:relative;z-index:10}
#content.sub{padding-top:85px}

.sub_header .sort_box{height:80px;background:var(--primary-color)}
.sub_header .sort_box2{position:fixed;width:100%;height:80px;background:var(--primary-color);z-index:10;}
.sub_header .sort_menu{padding-top:20px}
.sub_header .sort_menu .btn_sort{display:block;float:left;margin-right:20px;line-height:40px;font-size:30px;color:#fff;font-weight:700}

/* 서브 공통 */
.sub_header .location_box{height:80px;text-align:center;}
.sub_header .location_box p{line-height:80px;font-size:21px;color:#fff}
.sub_header .location_box .btn_location {display: inline-block;margin: -3px 0 0 6px;width: 21px;height: 22px;vertical-align: middle;background: url("../img/icon/location_w.png") no-repeat;*display: inline;zoom: 1}


.operation_guide_cont h5 {overflow:hidden;margin-left:0px;padding:20px 0 15px 0;padding-left:40px;border-bottom:1px solid #ddd;background:url('../img/icon/ico_directions.png') no-repeat 0 0;font-weight:600;font-size:22px;line-height:30px;}
.operation_guide_cont h5.arrow{background-position:0 -210px;}

@media (max-width:980px) {
 .contains{width:100%}
 #content.sub{padding-top:55px}
 .sub_header .sort_box{height:50px;background:var(--primary-color)}
 .sub_header .sort_box2{height:50px;background:var(--primary-color)}
 .sub_header .sort_menu{padding-top:0px}
 .sub_header .sort_menu .btn_sort{display:block;float:left;margin-left:20px;line-height:50px;font-size:18px;color:#fff;font-weight:700}
 .sub_header .location_box{height:50px;text-align:center;}
 .sub_header .location_box p{line-height:50px;font-size:16px;color:#fff}
 .sub_header .location_box .btn_location {display: inline-block;margin: -3px 0 0 6px;width: 21px;height: 22px;vertical-align: middle;background: url("../img/icon/location_w.png") no-repeat;*display: inline;zoom: 1}
}

@media (max-width:747px) {
	
	.operation_guide_cont h5 {font-size:18px;margin-top:-20px}
	#btn_location2 i {font-size: 18px; line-height: 48px; color: #fff}
}

a[data-tooltip].top:before, a[data-tooltip].top:after {
  transform: translateY(10px);
}
a[data-tooltip].top:hover:after, a[data-tooltip].top:hover:before {
  transform: translateY(0px);
}

a[data-tooltip].right:before, a[data-tooltip].right:after {
  transform: translateX(0px);
}
a[data-tooltip].right:hover:after, a[data-tooltip].right:hover:before {
  transform: translateX(10px);
}

a[data-tooltip].bottom:before, a[data-tooltip].bottom:after {
  transform: translateY(-10px);
}
a[data-tooltip].bottom:hover:after, a[data-tooltip].bottom:hover:before {
  transform: translateY(0px);
}

a[data-tooltip].left:before, a[data-tooltip].left:after {
  transform: translateX(0px);
}
a[data-tooltip].left:hover:after, a[data-tooltip].left:hover:before {
  transform: translateX(-10px);
}

a[data-tooltip] {
  position: relative;
}
a[data-tooltip]:after, a[data-tooltip]:before {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: transform 200ms ease, opacity 200ms;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 99;
}
a[data-tooltip]:before {
  content: attr(data-tooltip);
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 5px;
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}
a[data-tooltip]:after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: "";
}
a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {
  visibility: visible;
  opacity: 0.85;
  transform: translateY(0px);
}

a[data-tooltip][data-position=top]:before {
  bottom: 100%;
  left: -130%;
  margin-bottom: 10px;
}

a[data-tooltip][data-position=top]:after {
  border-top-color: #000;
  border-bottom: none;
  bottom: 101%;
  left: calc(50% - 6px);
  margin-bottom: 4px;
}

a[data-tooltip][data-position=left]:before {
  top: -12%;
  right: 100%;
  margin-right: 10px;
}

a[data-tooltip][data-position=left]:after {
  border-left-color: #000;
  border-right: none;
  top: calc(50% - 3px);
  right: 100%;
  margin-top: -6px;
  margin-right: 4px;
}

a[data-tooltip][data-position=right]:before {
  top: -5%;
  left: 100%;
  margin-left: 10px;
}

a[data-tooltip][data-position=right]:after {
  border-right-color: #000;
  border-left: none;
  top: calc(50% - 6px);
  left: calc(100% + 4px);
}

a[data-tooltip][data-position=bottom]:before {
  top: 100%;
  left: -130%;
  margin-top: 10px;
}

a[data-tooltip][data-position=bottom]:after {
  border-bottom-color: #000;
  border-top: none;
  top: 100%;
  left: 5px;
  margin-top: 4px;
}

#bo_list_wrap .view-infinite-more .btn-primary {position:relative;height:50px;line-height:50px;padding:0 120px;font-size:1.0625rem !important;border-radius:50px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#bo_list_wrap .view-infinite-more .btn-primary i {position:absolute;top:18px;margin-left:10px;font-size:1.0625rem;transition:all 0.2s ease-in-out}
#infscr-loading {text-align:center;z-index:100;position:absolute;left:50%;bottom:0;width:200px;margin-left:-100px;padding:8px 0;background:#000;opacity:0.8;color:#fff}

.contains{margin:0 auto;width:1200px}

#header,
#header .header_wrap,
#header .gnb .btn_menu,
#header .btn_admin,
#header .search_box .btn_search,
.main_partner .btn_partner .over_box,
.main_partner .btn_partner .tooltip_box,
.main_partner .slide_box .btn_slide,
.main_partner .btn_more,
#footer .footer_menu a,
#popup_search .search_list .link,
#popup_location .location_list .btn_location,
#popup_location .location_detail .detail_list .btn_detail,
.main_top .search_box .search_detail .btn_location,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

.list_tit { color:#333; font-weight:700; font-size:30px; line-height:34px; padding-bottom:20px; width:100%; border-bottom:1px solid #d5d5d5}


/* 지역검색 팝업 */
#popup_location {display: none;position: fixed;left: 0;top: 165px;right: 0;bottom: 0;border-top: 0px solid #cecece;background: url("../img/common/bg_location.png") repeat;z-index: 1000}
#popup_location .location_area{padding:20px 0 35px 0;background:#fff}
#popup_location .location_box{position:relative;overflow:hidden}
#popup_location .location_box .arrow {position: absolute;right: 40px;top: 17px;width: 8px;height: 14px;background: url("../img/icon/location_arrow.png") no-repeat;z-index: 10}
#popup_location .location_list{float:left;position:relative;padding:10px 40px 10px 130px;width:380px;border-right:1px solid #e5e5e5}
#popup_location .location_list .btn_location{display:block;float:left;margin:0 20px 15px 0;width:60px;height:30px;line-height:30px;text-align:center;font-size:22px;color:#555}
#popup_location .location_list .btn_location:hover,
#popup_location .location_list .btn_location.active{color:var(--primary-color);font-weight:700}
#popup_location .location_detail{float:left;padding:10px 0 10px 40px;border-left:1px solid #e5e5e5;margin-left:-1px;}
#popup_location .location_detail .detail_panel{display:none}
#popup_location .location_detail .detail_panel.active{display:block}
#popup_location .location_detail .detail_list li{margin-bottom:15px}
#popup_location .location_detail .detail_list .btn_detail{display:block;line-height:30px;font-size:22px;color:#555}
#popup_location .location_detail .detail_list .btn_detail:hover,
#popup_location .location_detail .detail_list .btn_detail.active{color:var(--primary-color);font-weight:700}

@media (max-width:980px) {
#popup_location {display: none;position: fixed;left: 0;top: 105px;right: 0;bottom: 0;border-top: 0px solid #cecece;background: url("../img/common/bg_location.png") repeat;z-index: 1000}
#popup_location .location_area{padding:10px 0 10px 0;background:#fff}
#popup_location .location_box{position:relative;overflow:hidden}
#popup_location .location_box .arrow {position: absolute;right: 15px;top: 17px;width: 8px;height: 14px;background: url("../img/icon/location_arrow.png") no-repeat;z-index: 10}
#popup_location .location_list{float:left;position:relative;padding:10px 10px 10px 10px;width:150px;border-right:1px solid #e5e5e5}
#popup_location .location_list .btn_location{display:block;float:left;margin:0 10px 10px 0;width:48px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#555}
#popup_location .location_list .btn_location:hover,
#popup_location .location_list .btn_location.active{color:var(--primary-color);font-weight:700}
#popup_location .location_detail{float:left;padding:10px 0 10px 20px;border-left:1px solid #e5e5e5;margin-left:-1px;}
#popup_location .location_detail .detail_panel{display:none}
#popup_location .location_detail .detail_panel.active{display:block;}
#popup_location .location_detail .detail_list li{margin-bottom:10px}
#popup_location .location_detail .detail_list .btn_detail{display:block;line-height:30px;font-size:18px;color:#555}
#popup_location .location_detail .detail_list .btn_detail:hover,
#popup_location .location_detail .detail_list .btn_detail.active{color:var(--primary-color);font-weight:700}
}

ul.ks-cboxtags {
  list-style: none;
  padding: 10px 0;
}
ul.ks-cboxtags li{
  display: inline;
}
ul.ks-cboxtags li label{
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(139, 139, 139, .3);
    color: #888;
	font-size:14px;
    border-radius: 25px;
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    white-space: nowrap;
    margin: 3px 3px 3px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 8px 14px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #FFB16D;
    background-color: #FF7600;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
  border: 1px solid #FFB16D;
}

.sub_detail .detail_header .status{position:relative;display:block;width:100%; padding:0; }
.sub_detail .detail_header .status ul {margin:0;padding:0;list-style:none;display:inline-block}
.sub_detail .detail_header .status ul li {width:24%;display:inline-block;margin:0 auto;text-align:center;margin-bottom:20px}
.sub_detail .detail_header .status ul li img{ width:75px; height:auto;}

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 1.2rem;
    padding-top: 0;
	z-index:1;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
	top: -2px;
	z-index:1;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
	top: 0px;
	z-index:1;
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.45rem));
}

.sub_detail .detail_header .desc .low_price_detail {
	line-height: 30px; 
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	font-weight: 700;
	background-color: #FF7600;
	opacity: 1.0;
	margin-right: 5px;
	padding: 4px 8px;
	border-radius: 3px;
}
.sub_detail .detail_header .desc .low_price {color: #FF7600;line-height: 30px; font-weight: 700;} 

.sub_detail .detail_header .desc .time_detail {
	line-height: 30px; 
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	font-weight: 700;
	background-color: #FF7600;
	opacity: 1.0;
	margin-right: 5px;
	padding: 4px 8px;
	border-radius: 3px;
}
.sub_detail .detail_header .time .low_price {color: #666;line-height: 30px; font-weight: 700;} 

.sub_header .search_box{position:fixed;width:100%;padding:100px 0 60px 0;height:78px;border-bottom:1px solid #e5e5e5;background:#fff}
.sub_header .search_box.fixed-new{box-shadow:0 0 13px rgb(0 0 0 / 15%);}
.sub_header .search_box .select{float:left;min-width:160px;height:38px;line-height:32px;font-size:20px;color:#333;border:1px solid #c5c5c5}
.sub_header .search_box .arrow{float:left;width:49px;height:38px;background:url("../img/icon/search_arrow.png") no-repeat center center}
.sub_header .search_box .btn_search {display: block;float: left;margin-left: 20px;width: 82px;height: 38px;text-align: left;text-indent: -9999px;background: url("../img/icon/btn_search.png") no-repeat}
.sub_header .search_box .sort_menu  { margin:0; padding:0}
.sub_header .search_box .sort_menu .tit{margin-right:20px;line-height:40px;font-size:26px;color:#333;font-weight:700; display:inline-block; vertical-align:middle}
.sub_header .search_box .sort_menu .tit span { color:#FF7600}
.sub_header .search_box .sort_menu .txt{font-size:18px;color:#666; display:inline-block; vertical-align:middle}

.sub_header .search_box .sort_menu .line {display:inline-block; vertical-align:middle; width:2px; height:20px; background:var(--primary-color); margin-right:20px}
.sub_header .search_box .sort_menu .btn_check_wrap {display:inline-block; vertical-align:middle}
.sub_header .search_box .sort_menu .btn_check_wrap li {display:inline-block; vertical-align:middle}
.sub_header .search_box .sort_menu .btn_check_wrap li a {display: inline-block;vertical-align: middle;padding-left: 25px;background: url(./img/icon/check.png) no-repeat;font-size: 16px;line-height: 20px;color: #666;margin-right: 15px;}
.sub_header .search_box .sort_menu .btn_check_wrap li a.on { background:url(./img/icon/check_on.png) no-repeat}
/*.sub_header .search_box .sort_menu .btn_check_wrap li a.on,
.sub_header .search_box .sort_menu .btn_check_wrap li a:hover { background:url(./img/icon/check_on.png) no-repeat}
.sub_header .search_box .sort_menu .btn_check_wrap + .btn_search {display:inline-block; vertical-align:middle; float:none}*/
.sub_header .search_box .sort_menu .btn_search {display:inline-block; vertical-align:middle; float:none}

.sub_header .search_box2 {display:none}

@media screen and (max-width:1024px) {
.contains{margin:0 auto;width:100%}
.sub_header .search_box2{position:fixed;display:block;width:100%;padding:60px 20px 76px 20px;height:78px;border-bottom:1px solid #e5e5e5;background:#fff}
.sub_header .search_box2.fixed-new{box-shadow:0 0 13px rgb(0 0 0 / 15%);}
.sub_header .search_box2 .select{float:left;min-width:160px;height:38px;line-height:32px;font-size:20px;color:#333;border:1px solid #c5c5c5}
.sub_header .search_box2 .arrow{float:left;width:49px;height:38px;background:url("./img/icon/search_arrow.png") no-repeat center center}
.sub_header .search_box2 .btn_search {display: block;float: left;margin-left: 20px;width: 82px;height: 38px;text-align: left;text-indent: -9999px;background: url("./img/icon/btn_search.png") no-repeat}
.sub_header .search_box2 .sort_menu  { margin:0; padding:0}
.sub_header .search_box2 .sort_menu .tit{margin-right:10px;line-height:40px;font-size:18px;color:#333;font-weight:700; display:none; vertical-align:middle}
.sub_header .search_box2 .sort_menu .tit span { color:#FF7600}
.sub_header .search_box2 .sort_menu .txt{font-size:18px;color:#666; display:inline-block; vertical-align:middle}
.sub_header .search_box2 .sort_menu .line {display:none; vertical-align:middle; width:2px; height:20px; background:var(--primary-color); margin-right:10px}
.sub_header .search_box2 .sort_menu .btn_check_wrap {display:inline-block; vertical-align:middle}
.sub_header .search_box2 .sort_menu .btn_check_wrap li {display:inline-block; vertical-align:middle}
.sub_header .search_box2 .sort_menu .btn_check_wrap li a {display: inline-block;vertical-align: middle;padding-left: 25px;background: url(./img/icon/check.png) no-repeat;font-size: 16px;line-height: 20px;color: #666;margin-right: 15px;}
.sub_header .search_box2 .sort_menu .btn_check_wrap li a.on { background:url(./img/icon/check_on.png) no-repeat}
/*.sub_header .search_box .sort_menu .btn_check_wrap li a.on,
.sub_header .search_box .sort_menu .btn_check_wrap li a:hover { background:url(./img/icon/check_on.png) no-repeat}
.sub_header .search_box .sort_menu .btn_check_wrap + .btn_search {display:inline-block; vertical-align:middle; float:none}*/
.sub_header .search_box2 .sort_menu .btn_search {display:inline-block; vertical-align:middle; float:none}
.sub_header .search_box2 .sort_menu button .btn {top:100px}
}