@font-face {
	font-family: NotoSansKR;
	src: url('/static/fonts/notosanskr/NotoSansKR-Thin.woff') format('font-woff'),
  		url('/static/fonts/notosanskr/NotoSansKR-Thin.woff2') format('woff2'),
  		url('/static/fonts/notosanskr/NotoSansKR-Thin.otf') format('opentype');
	font-weight: 300;
}
@font-face {
	font-family: NotoSansKR;
	src: url('/static/fonts/notosanskr/NotoSansKR-Regular.woff') format('font-woff'),
		url('/static/fonts/notosanskr/NotoSansKR-Regular.woff2') format('woff2'),
  		url('/static/fonts/notosanskr/NotoSansKR-Regular.otf') format('opentype');
	font-weight: 500;
}
@font-face {
	font-family: NotoSansKR;
	src: url('/static/fonts/notosanskr/NotoSansKR-Medium.woff') format('font-woff'),
		url('/static/fonts/notosanskr/NotoSansKR-Medium.woff2') format('woff2'),
		url('/static/fonts/notosanskr/NotoSansKR-Medium.otf') format('opentype');
	font-weight: 900;
}

@font-face {
	font-family: NotoSansKR-Bold;
	src: url('/static/fonts/notosanskr/NotoSansKR-Bold.woff') format('font-woff'),
		url('/static/fonts/notosanskr/NotoSansKR-Bold.woff2') format('woff2'),
		url('/static/fonts/notosanskr/NotoSansKR-Bold.otf') format('opentype');
	font-weight: 900;
}

*{
	font-family: 'Apple SD Gothic Neo', 'NotoSansKR','apple gothic','맑은 고딕','돋움','굴림','sans-serif';
	letter-spacing:-1px;
}

a:focus, a:hover { color:inherit; }
/*
.text-np{font-family:np, 'Apple SD Gothic Neo', 'NotoSansKR', 'NanumBarunGothic', 'nanum gothic', '나눔고딕','apple gothic','맑은 고딕','돋움','굴림','sans-serif';}
.text-np{font-family:ng, 'Apple SD Gothic Neo', 'NotoSansKR', 'NanumBarunGothic', 'nanum gothic', '나눔고딕','apple gothic','맑은 고딕','돋움','굴림','sans-serif';}
*/



/*푸터 하단에붙이기 시작*/
html {
	position: relative;
	min-height: 100%;
}
body {
	background: #fafafa;
	/* padding-bottom: 120px; */
}
a {
	color:inherit;
}
a:hover, a:focus{
	text-decoration: none;
}
.footer {
	z-index: 2;
	/*
	position: absolute;
	bottom: 0px;
	*/
	width: 100%;
	min-height: 100px;
	background-color: #f5f5f5;
}
.navbar{
	margin-bottom: 0px;
}
.container{
	max-width: 100%;
}
.container2{
	max-width: 100%;
}
/*body > .container {
  padding: 0px 15px 15px;
}*/


.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}
/*푸터 하단에붙이기 끝*/

.arrow {
  border-width: 8px;
  z-index: 10;
}
.arrow,
.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.arrow:after {
  border-width: 7px;
  content: "";
}
.arrow.top {
  left: 50%;
  margin-left: -8px;
  border-top-width: 0;
  border-bottom-color: #eee;
  border-bottom-color: rgba(0,0,0,0.1);
  top: -8px;
}
.arrow.top:after {
  content: " ";
  top: 1px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.arrow.right {
  top: 50%;
  right: -8px;
  margin-top: -8px;
  border-right-width: 0;
  border-left-color: #eee;
  border-left-color: rgba(0,0,0,0.1);
}
.arrow.right:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -7px;
}
.arrow.bottom {
  left: 50%;
  margin-left: -8px;
  border-bottom-width: 0;
  border-top-color: #eee;
  border-top-color: rgba(0,0,0,0.1);
  bottom: -8px;
}
.arrow.bottom:after {
  content: " ";
  bottom: 1px;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.arrow.left {
  top: 50%;
  left: -8px;
  margin-top: -8px;
  border-left-width: 0;
  border-right-color: #eee;
  border-right-color: rgba(0,0,0,0.1);
}
.arrow.left:after {
  content: " ";
  left: 1px;
  border-left-width: 0;
  border-right-color: #fff;
  bottom: -7px;
}

.arrow.left.black {
  top: 50%;
  border-left-width: 0;
  border-right-color: #000;
  opacity: 0.8;
  z-index: 11;
}
.arrow.left.black:after {
  content: " ";
  border-left-width: 0;
  border-right-color: #000;
  opacity: 0.8;
  z-index:11;
}

.arrow.right.black {
  top: 50%;
  border-right-width: 0;
  border-left-color: #000;
  opacity: 0.8;
  z-index: 11;
}
.arrow.right.black:after {
  content: " ";
  border-right-width: 0;
  border-left-color: #000;
  opacity: 0.8;
  z-index:11;
}


.clear{clear:both;}

.p-n{padding:0px;}
.p-n-important{padding:0px !important;}
.p-r-n{padding-right: 0px !important;}
.p-l-n{padding-right: 0px !important;}
.p-b{padding-bottom:15px;}
.padder{padding-left:15px; padding-right:15px;}
.padder-sm{padding-left:10px !important; padding-right:10px !important;}
.padder-xs{padding-left:5px !important; padding-right:5px !important;}
.padder-v{padding-top:16px; padding-bottom:15px;}
.padder-v-sm{padding-top:10px; padding-bottom:10px;}
.padder-b{padding-bottom:15px;}
.padder-t{padding-top:15px;}
.bg-gray{ background:#efefef;}
.bg-white{ background:#fff;}
.bg-gray.dark{ background:#ddd;}
.bg-white{ background:#fff;}
.bg-dark{background:#333;}
.bg-pink{background:#e4544d;}

.text-white{color:#fff !important;}
.text-default{color: #434343 !important}

.parsley-error-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 6px;
  font-size: 12px;
}
.parsley-error {
  border-color: #ff5f5f !important;
}

.line {
  *width: 100%;
  height: 2px;
  margin: 5px 0;
  font-size: 0;
  overflow: hidden;
  background-color: transparent;
  border-width: 0;
  border-top: 1px solid #e8e8e8;
}
.line-xs {
  margin: 0;
}
.line-lg {
  margin-top: 15px;
  margin-bottom: 15px;
}
.line-dashed {
  border-style: dashed;
  background: transparent;
}
.no-line {
  border-width: 0;
}
.no-border,
.no-borders {
  border-color: transparent;
  border-width: 0;
}
.no-radius {
  border-radius: 0;
}

.btn-icon {
  padding-left: 0;
  padding-right: 0;
  width: 34px;
  text-align: center;
}
.btn-icon.btn-sm {
  width: 30px;
}
.btn-icon.btn-lg {
  width: 45px;
}
.btn-rounded {
  border-radius: 50px;
}



.btn-twitter {
  color: #fff !important;
  background-color: #00c7f7;
  border-color: #00c7f7;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  color: #fff !important;
  background-color: #00b2de;
  border-color: #00a6ce;
}
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  background-image: none;
}
.btn-twitter.disabled,
.btn-twitter.disabled:hover,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled],
.btn-twitter[disabled]:hover,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter,
fieldset[disabled] .btn-twitter:hover,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:active,
fieldset[disabled] .btn-twitter.active {
  background-color: #00c7f7;
  border-color: #00c7f7;
}
.btn-facebook {
  color: #fff !important;
  background-color: #335397;
  border-color: #335397;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  color: #fff !important;
  background-color: #2d4984;
  border-color: #294279;
}
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  background-image: none;
}
.btn-facebook.disabled,
.btn-facebook.disabled:hover,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled],
.btn-facebook[disabled]:hover,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook,
fieldset[disabled] .btn-facebook:hover,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:active,
fieldset[disabled] .btn-facebook.active {
  background-color: #335397;
  border-color: #335397;
}


.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 5px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 10px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 5px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}

.thumb {
  width: 64px;
  display: inline-block;
}
.thumb-lg {
  width: 128px;
  display: inline-block;
}
.thumb-md {
  width: 90px;
  height:90px;
  display: inline-block;
}
.thumb-xs {
  width: 18px;
  display: inline-block;
}
.thumb-sm {
  width: 36px;
  display: inline-block;
}
.thumb {
  width: 64px;
  display: inline-block;
}
.thumb-lg {
  width: 128px;
  display: inline-block;
}
.thumb-md {
  width: 90px;
  display: inline-block;
}
.thumb-xs {
  width: 18px;
  display: inline-block;
}
.thumb-sm {
  width: 36px;
  display: inline-block;
}
.thumb-wrapper {
  padding: 2px;
  border: 1px solid #ddd;
}
.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.img-full {
  max-width: 100%;
}
.img-full > img {
  max-width: 100%;
}

.media-xs {
  min-width: 50px;
}
.media-sm {
  min-width: 80px;
}
.media-md {
  min-width: 90px;
}
.media-lg {
  min-width: 120px;
}

.b-a {
  border: 1px solid #cfcfcf;
}
.b-t {
  border-top: 1px solid #cfcfcf;
}
.b-r {
  border-right: 1px solid #cfcfcf;
}
.b-b {
  border-bottom: 1px solid #cfcfcf;
}
.b-l {
  border-left: 1px solid #cfcfcf;
}
.b-light {
  border-color: #e4e4e4;
}
.b-dark {
  border-color: #374b5e;
}
.b-primary {
  border-color: #77c587;
}
.b-success {
  border-color: #9bc877;
}
.b-info {
  border-color: #5fc7c8;
}
.b-warning {
  border-color: #ffcb4d;
}
.b-danger {
  border-color: #fc8174;
}
.b-black {
  border-color: #353535;
}
.b-white {
  border-color: #fff;
}
.b-2x {
  border-width: 2px;
}
.b-3x {
  border-width: 3px;
}
.r {
  border-radius: 4px;
}
.r-l {
  border-radius: 2px 0 0 2px;
}
.r-r {
  border-radius: 0 2px 2px 0;
}
.r-t {
  border-radius: 2px 2px 0 0;
}
.r-b {
  border-radius: 0 0 2px 2px;
}


.badge {
  background-color: #bebebe;
}
.badge.up {
  position: relative;
  top: -10px;
  padding: 3px 6px;
}
.badge-sm {
  font-size: 85%;
  padding: 2px 5px !important;
}
.bg-primary {
  background-color: #65bd77 !important;
  color: #e2f3e5 !important;
}
.bg-primary.lt,
.bg-primary .lt {
  background-color: #77c587 !important;
}
.bg-primary.lter,
.bg-primary .lter {
  background-color: #89cc97 !important;
}
.bg-primary.dk,
.bg-primary .dk {
  background-color: #53b567 !important;
}
.bg-primary.dker,
.bg-primary .dker {
  background-color: #48a75b !important;
}
.bg-primary .bg {
  background-color: #65bd77 !important;
}
.bg-primary a {
  color: #ffffff;
}
.bg-primary a:hover {
  color: #fff;
}
.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus {
  background-color: inherit;
}
.bg-primary .nav .caret {
  border-top-color: #e2f3e5;
  border-bottom-color: #e2f3e5;
}
.bg-primary .nav > li > a {
  color: #ffffff;
}
.bg-primary .nav > li > a:hover,
.bg-primary .nav > li > a:focus {
  color: #fff;
  background-color: #53b567;
}
.bg-primary .nav > li > a:hover .caret,
.bg-primary .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-primary .nav .open > a {
  background-color: #53b567;
}
.bg-primary.navbar .nav > li.active > a {
  color: #fff;
  background-color: #53b567;
}
.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
  color: #fff;
}
.bg-primary .text-muted {
  color: #d0ebd6 !important;
}
.bg-primary .icon-muted {
  color: #77c587 !important;
}
.bg-success {
  background-color: #8ec165;
  color: #ebf4e4;
}
.bg-success.lt,
.bg-success .lt {
  background-color: #9bc877;
}
.bg-success.lter,
.bg-success .lter {
  background-color: #a9d089;
}
.bg-success.dk,
.bg-success .dk {
  background-color: #81ba53;
}
.bg-success.dker,
.bg-success .dker {
  background-color: #74ad46;
}
.bg-success .bg {
  background-color: #8ec165;
}
.bg-success a {
  color: #ffffff;
}
.bg-success a:hover {
  color: #fff;
}
.bg-success a.list-group-item:hover,
.bg-success a.list-group-item:focus {
  background-color: inherit;
}
.bg-success .nav .caret {
  border-top-color: #ebf4e4;
  border-bottom-color: #ebf4e4;
}
.bg-success .nav > li > a {
  color: #ffffff;
}
.bg-success .nav > li > a:hover,
.bg-success .nav > li > a:focus {
  color: #fff;
  background-color: #81ba53;
}
.bg-success .nav > li > a:hover .caret,
.bg-success .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-success .nav .open > a {
  background-color: #81ba53;
}
.bg-success.navbar .nav > li.active > a {
  color: #fff;
  background-color: #81ba53;
}
.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
  color: #fff;
}
.bg-success .text-muted {
  color: #deedd2 !important;
}
.bg-success .icon-muted {
  color: #9bc877 !important;
}
.bg-info {
  background-color: #4cc0c1;
  color: #d1efef;
}
.bg-info.lt,
.bg-info .lt {
  background-color: #5fc7c8;
}
.bg-info.lter,
.bg-info .lter {
  background-color: #72cdce;
}
.bg-info.dk,
.bg-info .dk {
  background-color: #3fb4b5;
}
.bg-info.dker,
.bg-info .dker {
  background-color: #38a1a2;
}
.bg-info .bg {
  background-color: #4cc0c1;
}
.bg-info a {
  color: #ffffff;
}
.bg-info a:hover {
  color: #fff;
}
.bg-info a.list-group-item:hover,
.bg-info a.list-group-item:focus {
  background-color: inherit;
}
.bg-info .nav .caret {
  border-top-color: #d1efef;
  border-bottom-color: #d1efef;
}
.bg-info .nav > li > a {
  color: #ffffff;
}
.bg-info .nav > li > a:hover,
.bg-info .nav > li > a:focus {
  color: #fff;
  background-color: #3fb4b5;
}
.bg-info .nav > li > a:hover .caret,
.bg-info .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-info .nav .open > a {
  background-color: #3fb4b5;
}
.bg-info.navbar .nav > li.active > a {
  color: #fff;
  background-color: #3fb4b5;
}
.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
  color: #fff;
}
.bg-info .text-muted {
  color: #bee8e8 !important;
}
.bg-info .icon-muted {
  color: #5fc7c8 !important;
}
.bg-warning {
  background-color: #ffc333;
  color: #fff8e6;
}
.bg-warning.lt,
.bg-warning .lt {
  background-color: #ffcb4d;
}
.bg-warning.lter,
.bg-warning .lter {
  background-color: #ffd266;
}
.bg-warning.dk,
.bg-warning .dk {
  background-color: #ffbc1a;
}
.bg-warning.dker,
.bg-warning .dker {
  background-color: #ffb400;
}
.bg-warning .bg {
  background-color: #ffc333;
}
.bg-warning a {
  color: #ffffff;
}
.bg-warning a:hover {
  color: #fff;
}
.bg-warning a.list-group-item:hover,
.bg-warning a.list-group-item:focus {
  background-color: inherit;
}
.bg-warning .nav .caret {
  border-top-color: #fff8e6;
  border-bottom-color: #fff8e6;
}
.bg-warning .nav > li > a {
  color: #ffffff;
}
.bg-warning .nav > li > a:hover,
.bg-warning .nav > li > a:focus {
  color: #fff;
  background-color: #ffbc1a;
}
.bg-warning .nav > li > a:hover .caret,
.bg-warning .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-warning .nav .open > a {
  background-color: #ffbc1a;
}
.bg-warning.navbar .nav > li.active > a {
  color: #fff;
  background-color: #ffbc1a;
}
.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
  color: #fff;
}
.bg-warning .text-muted {
  color: #fff0cc !important;
}
.bg-warning .icon-muted {
  color: #ffcb4d !important;
}

.bg-danger {
  background-color: #fb6b5b;
  color: #ffffff;
}
.bg-danger.lt,
.bg-danger .lt {
  background-color: #fc8174;
}
.bg-danger.lter,
.bg-danger .lter {
  background-color: #fc988d;
}
.bg-danger.dk,
.bg-danger .dk {
  background-color: #fa5542;
}
.bg-danger.dker,
.bg-danger .dker {
  background-color: #fa3e29;
}
.bg-danger .bg {
  background-color: #fb6b5b;
}
.bg-danger a {
  color: #ffffff;
}
.bg-danger a:hover {
  color: #fff;
}
.bg-danger a.list-group-item:hover,
.bg-danger a.list-group-item:focus {
  background-color: inherit;
}
.bg-danger .nav .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.bg-danger .nav > li > a {
  color: #ffffff;
}
.bg-danger .nav > li > a:hover,
.bg-danger .nav > li > a:focus {
  color: #fff;
  background-color: #fa5542;
}
.bg-danger .nav > li > a:hover .caret,
.bg-danger .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-danger .nav .open > a {
  background-color: #fa5542;
}
.bg-danger.navbar .nav > li.active > a {
  color: #fff;
  background-color: #fa5542;
}
.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
  color: #fff;
}
.bg-danger .text-muted {
  color: #fff2f0 !important;
}
.bg-danger .icon-muted {
  color: #fc8174 !important;
}


.btn-dark {
  color: #fff !important;
  background-color: #2e3e4e;
  border-color: #2e3e4e;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #fff !important;
  background-color: #25313e;
  border-color: #1f2a34;
}
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active,
.btn-dark.disabled.active,
.btn-dark[disabled],
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark,
fieldset[disabled] .btn-dark:hover,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark:active,
fieldset[disabled] .btn-dark.active {
  background-color: #2e3e4e;
  border-color: #2e3e4e;
}

.btn-gplus {
  color: #fff !important;
  background-color: #dd4a38;
  border-color: #dd4a38;
}
.btn-gplus:hover,
.btn-gplus:focus,
.btn-gplus:active,
.btn-gplus.active,
.open .dropdown-toggle.btn-gplus {
  color: #fff !important;
  background-color: #d73825;
  border-color: #ca3522;
}
.btn-gplus:active,
.btn-gplus.active,
.open .dropdown-toggle.btn-gplus {
  background-image: none;
}
.btn-gplus.disabled,
.btn-gplus.disabled:hover,
.btn-gplus.disabled:focus,
.btn-gplus.disabled:active,
.btn-gplus.disabled.active,
.btn-gplus[disabled],
.btn-gplus[disabled]:hover,
.btn-gplus[disabled]:focus,
.btn-gplus[disabled]:active,
.btn-gplus[disabled].active,
fieldset[disabled] .btn-gplus,
fieldset[disabled] .btn-gplus:hover,
fieldset[disabled] .btn-gplus:focus,
fieldset[disabled] .btn-gplus:active,
fieldset[disabled] .btn-gplus.active {
  background-color: #dd4a38;
  border-color: #dd4a38;
}

.btn-gogofit {
  color: #fff !important;
  background-color: #e4544d;
  border-color: #e4544d;
}
.btn-gogofit:hover,
.btn-gogofit:focus,
.btn-gogofit:active,
.btn-gogofit.active,
.open .dropdown-toggle.btn-gogofit {
  color: #fff !important;
  background-color: #d73825;
  border-color: #ca3522;
}
.btn-gogofit:active,
.btn-gogofit.active,
.open .dropdown-toggle.btn-gogofit {
  background-image: none;
}
.btn-gogofit.disabled,
.btn-gogofit.disabled:hover,
.btn-gogofit.disabled:focus,
.btn-gogofit.disabled:active,
.btn-gogofit.disabled.active,
.btn-gogofit[disabled],
.btn-gogofit[disabled]:hover,
.btn-gogofit[disabled]:focus,
.btn-gogofit[disabled]:active,
.btn-gogofit[disabled].active,
fieldset[disabled] .btn-gogofit,
fieldset[disabled] .btn-gogofit:hover,
fieldset[disabled] .btn-gogofit:focus,
fieldset[disabled] .btn-gogofit:active,
fieldset[disabled] .btn-gogofit.active {
  background-color: #e4544d;
  border-color: #e4544d;
}


.btn-pink {
  color: #333 !important;
  background-color: #fff;
  border-color: #ccc;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.btn-pink.active_fix,
.open .dropdown-toggle.btn-pink {
  color: #fff !important;
  background-color: #d73825;
  border-color: #ca3522;
}
.btn-pink:active,
.btn-pink.active,
.btn-pink.active_fix,
.open .dropdown-toggle.btn-pink {
  background-image: none;
  background-color: #e4544d !important;
  border-color: #ca3522 !important;
}
.btn-pink:hover{
  border-color: #ccc;
  z-index: 1 !important;
  background: #eee;
  color:#333 !important;
}
.btn-pink.active:hover{
  background: #fff;
  color:#fff !important;
}
.btn-pink.active_fix:hover{
  background: #fff;
  color:#fff !important;
  z-index: 0 !important;
}
.btn.active_fix{
  z-index: 0 !important;
  outline:0px;
  box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
}

.btn-pink.disabled,
.btn-pink.disabled:hover,
.btn-pink.disabled:focus,
.btn-pink.disabled:active,
.btn-pink.disabled.active,
.btn-pink[disabled],
.btn-pink[disabled]:hover,
.btn-pink[disabled]:focus,
.btn-pink[disabled]:active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink,
fieldset[disabled] .btn-pink:hover,
fieldset[disabled] .btn-pink:focus,
fieldset[disabled] .btn-pink:active,
fieldset[disabled] .btn-pink.active {
  background-color: #e4544d;
  border-color: #e4544d;
}



.btn-tag {
  color: #fff !important;
  background-color: #343434;
  border-bottom-color: #000;
}
.btn-tag:hover,
.btn-tag:focus,
.btn-tag:active,
.btn-tag.active,
.btn-tag.active_fix,
.open .dropdown-toggle.btn-tag {
  color: #fff !important;
  background-color: #e4544d;
  border-bottom-color: #000;
}
.btn-tag:active,
.btn-tag.active,
.btn-tag.active_fix,
.open .dropdown-toggle.btn-tag {
  background-image: none;
  background-color: #999 !important;
  border-bottom-color: #000 !important;
}
.btn-tag:hover{

  z-index: 1 !important;
  background: #eee;
  color:#333 !important;
}
.btn-tag.active:hover{
  background: #fff;
  color:#fff !important;
}
.btn-tag.active_fix:hover{
  background: #fff;
  color:#fff !important;
  z-index: 0 !important;
}
.btn.active_fix{
  z-index: 0 !important;
  outline:0px;
  box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
}

.btn-tag.disabled,
.btn-tag.disabled:hover,
.btn-tag.disabled:focus,
.btn-tag.disabled:active,
.btn-tag.disabled.active,
.btn-tag[disabled],
.btn-tag[disabled]:hover,
.btn-tag[disabled]:focus,
.btn-tag[disabled]:active,
.btn-tag[disabled].active,
fieldset[disabled] .btn-tag,
fieldset[disabled] .btn-tag:hover,
fieldset[disabled] .btn-tag:focus,
fieldset[disabled] .btn-tag:active,
fieldset[disabled] .btn-tag.active {
  background-color: #343434;
  border-bottom-color: #343434;
}

/* bootstrap col-xl */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.pointer{cursor: pointer}
.close.close-white{opacity:1; color:#999; text-shadow:none;}
.close.close-white:hover, .close.close-white:focus{ color: #fff !important;}
.search_window{position:absolute; top:68px; left:0px; z-index:10; padding-left:80px; height:69px; background:rgba(0,0,0,0.7); border:1px solid #000; border-radius:4px; min-width:400px}
.alert-white{
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#fff));
  background-image: -webkit-linear-gradient(top, #fff, 0%, #fff, 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: repeat-x;
  border-color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);
}
.alert-black{
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#000), to(#000));
  background-image: -webkit-linear-gradient(top, #000, 0%, #000, 100%);
  background-image: -moz-linear-gradient(top, #000 0%, #000 100%);
  background-image: linear-gradient(to bottom, #000 0%, #000 100%);
  background-repeat: repeat-x;
  border-color: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
  background:rgba(0,0,0,0.8);
}

/* input file*/
  .file_input_textbox
  {
  float:right;
  border:none;
  background:#eee;
  padding-left:10px;
  color:#434343;
  width:200px;
  height:33px;
  }

  .file_input_div
  {
  position: relative;
  height: 40px;
  overflow: hidden;
  }

  .file_input_hidden
  {
    cursor: pointer;
  font-size: 45px;
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;}
/* input file 끝 */


/*자동완성 시작*/
.ui-autocomplete {
  position: absolute;
  cursor: default;
  border: 1px solid #dcdcdc;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 10px !important;
}
.ui-menu {
	z-index:30;
	background:#fafafa;
	list-style:none;
	padding: 0px;
	margin: 0;
	display:block;
	float: left;
	border-radius:0px;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
  border-bottom: 1px solid #dcdcdc;
	margin:0;
	padding: 10px;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	color:#fff;
  background: #333;
}
.ui-helper-hidden-accessible{ display:none;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
	color:#F00;
}

/*자동완성 끝*/

/*평점시작*/
#star ul.star { list-style: none; margin: 0; padding: 0; width: 85px; height: 20px;  top: -5px; position: relative; float: left; background: url('/images/common/stars.gif') repeat-x; cursor: pointer;  }
#star li { padding: 0; margin: 0; float: left; display: block; max-width:85px; width: 85px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; }
#star li.curr { background: url('/images/common/stars.gif') left 25px; font-size: 1px; }
#star div.user { left: 10px; position: relative; float: left; font-size: 13px;  color: #888; width:30px; }
/*평점끝*/

/*스위치*/
.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}
/*스위치끝*/




#map{
  height: 100%;
  width: 100%;
}
.view_map{
  width: 100%;
  height: 400px !important;
}
.view_map_print{
  width: 100%;
  height: 250px !important;
}
.intro_map{
  width: 100%;
  height: 250px !important;
}

.map_h{ height: 100vh; margin-right: 0px !important; padding-left: 0px !important; }
.col-sm-9.map_h{
  padding-right:0px;
}
.w100{
  width: 100% !important;
}
.main_theme{
  border-radius: 10px;
}

.main_theme_img{
  border-radius: 10px;
  font-weight: bold;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 250px;
  color:#fff;
  /*background-color:#333;*/
  font-size:36px;
}

.main_theme_img.is_circle.view_type_slide_5{
  height: 202px;
}
.main_theme_img.is_circle.view_type_slide_4{
  height: 261px;
}
.main_theme_img.is_circle.view_type_slide{
  height: 163px;
}
.main_category_img.view_type_slide_5, .main_theme_img.view_type_slide_5{
  height: 202px;
}
.is_circle.view_type_slide_5{
  height: 202px;
}

.main_location, .main_staff, .main_biz{
  border-radius: 10px;
}



.main_location_img{
  border-radius: 10px;
  font-weight: bold;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 250px;
  color:#fff;
  /*background-color:#333;*/
  font-size:36px;
}

.main_staff_img, .main_biz_img{
  border-radius: 10px;
  /*font-weight: bold;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 350px;
  color:#fff;
  /*background-color:#333;*/
  /*font-size:36px;*/
}

.is_circle{
  border-radius: 50% !important;
}
.main_category{
  border-radius: 10px;
}

.main_category_img{
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 250px;
  color:#fff;
  /*background-color:#333;*/
  font-size:20px;
}
.main_banner{
  border-radius: 10px;
}
.main_banner_img{
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 250px;
  color:#fff;
  /*background-color:#333;*/
  font-size:20px;
}
.main_link{
	margin-bottom:5px !important;
  border-radius: 10px;
}
.main_link_img{
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 250px;
  color:#fff;
  /*background-color:#333;*/
  font-size:20px;
}
.main_cover{
  border-radius: 10px;

  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.main_cover_filter{
  background-color: rgba(0,0,0,0.2);
  /*border-radius: 10px;*/

  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.view_type_3{
  height: 358px;
}


.view_type_5{
  height: 202px;
}

.main_cover_filter:hover{
  background-color: rgba(0,0,0,0.6);
}

.font-weight-normal{
  font-weight: normal;
}
.view_content{
  line-height: 24px;
}
.avatar{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  max-width: 100%;
}
.avatar-sm{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  max-width: 100%;
}
.avatar-lg{
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  max-width: 100%;
}
.map_block{
  border:none;
  border-bottom: 1px solid #dcdcdc;
  height: 150px;
  border-radius: 0px;
  border-right:1px solid #dcdcdc;
}
.main_recent.map_block, .main_recommend.map_block { border:1px solid #dcdcdc; }
.map_block:hover{
  background: #f1f1f1;
}
.main_block:hover{
  background: #f1f1f1;
}

.map_item_img{
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-size: cover;
  background-position: center;
  height: 130px;
}

.grid_item_img{
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 280px;
}


.detail_item_img{
  max-width: 100%;
  width: auto;
  height: 500px;
  background-size:auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.detail_danzi_img{
  max-width: 100%;
  width: auto;
  height: 300px;
  background-size:auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.slick-prev:before, .slick-next:before{
  color:#fefefe !important;
  font-size:30px !important;
  opacity: 0.4 !important;
}
.slick-prev, .slick-next{
  z-index: 4;
}

.price_block, .area_block{
  border-radius: 3px;
  padding: 1px 3px;
  color:#fff;
  margin-right: 5px;
}
.price_inst{
  background-color: #fa5625;
}
.price_real{
  background-color: #fa5625;
}
.price_sell{
  background-color: #9fca4c;
}
.price_loan{
  background-color: #9fca4c;
}
.price_month_deposit, .price_month_deposit_total{
  background-color: #f59a1d;
}
.price_month_deposit_total, .price_month_rent_total, .price_profit_suik{
  border-radius: 2px !important;
}
.price_month_rent, .price_month_rent_total{
  background-color: #f59a1d;
}
.price_full_rent{
  background-color: #9ac0fb;
}
.price_premium{
  background-color: #fb0000;
}

.price_profit_chang{
  background-color: #fba000;
}
.price_profit_month{
  background-color: #0071e0;
}
.price_profit_suik{
  background-color: #0071e0;
}


.mobile_view{
  display: none;
}

.map_get_list{
  z-index: 2;
  position: fixed;
  bottom: 80px;
  width: 60%;
  left:50%;
  color:#fff;
  text-align: center;
  font-size: 16px;
  margin-left:-30%;
  padding: 10px;
  background-color:rgba(0,0,0,0.7);
  border-radius: 40px;
}
.map_infowindow{
  width: 200px;
  height: 200px;
  background:#fff;
}
.map_infowindow > a > .panel{
  width: 100% !important;
  height: 200px !important;
  border:none;
}
.map_infowindow > a > div > div > div > div > .map_item_img{
  height: 120px;
}
.map_infowindow > .map_item_img{
  height: 120px;
}
.map_infowindow > a > div > div > div > div.col-xs-5{
  /*display: none;*/
  padding: 0px;
}
.map_infowindow > a > div > div > div > div.col-xs-7{
  padding: 10px;
  /*width: 100%;*/
}
.map_infowindow > a > div > div{
  padding: 0px !important;
}
.map_infowindow > a > div > div > .row{
  margin: 0px !important;
}
.map_infowindow > a > div > div > div > div > div.static_cut{
  display: none !important
}
.map_infowindow > a > div > div > div > div > h5.ellipsis{
  display: none !important;
}
.map_infowindow > a > div > div > div > div > p > .price_block{ font-size:12px;}
.map_infowindow > a > div > div > div > div > p > .price_span{ font-size:12px;}


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

#map_list_panel{
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-bottom: 20px;
}
#map_list_loader{
  display: none;
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-color:rgba(255,255,255,0.7);
  width: 100%;
  height: 100%;
}

/* 메인 관련 */
.visual_img_mobile {
  width: 100%;
  visibility: hidden;
}
.visual_mobile {
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
}

.visual_text_mobile {
  font-size:50px;
  font-weight: bold;
  width: 100%;
  position: absolute;
  color:#fff;
  text-align: center;
  z-index: 9;
  opacity: 0.9;
  z-index:4; }

.slick-dots{
  bottom:10px !important;
}
.slick-dots li.slick-active button:before{
  color:#fff !important;
}
.slick-dots li button:before{
  color:#fefefe !important;
}
.navbar-brand{
  padding: 0px;
}

.logo{
  padding: 10px;
  height: 70px;
  margin-right: 30px;
}
.logo_footer{
  padding: 10px;
  height: 70px;
  margin-right: 30px;
}
.navbar-default{
  background: #fff;
}


.main_section:nth-child(even){
  background:#fff;
}

.main_section:last-child {
	margin-bottom:0;
}
.block{
  display: block;
}

.b-n-r{
  border-right: none;
}
.b-n-l{
  border-left: none;
}
.slide_gallery, .slide_gallery_danzi{
  background: #fff;
}
.slide_gallery, .slide_gallery_panorama, .slide_gallery_mobile, .slide_gallery_grid, .slide_gallery_danzi, .slide_gallery_pc {
  display: none;
}
.option{
  width: 30px;
  height: 30px;
}
.option_block{
  float:left;
  margin: 10px;
}

/* 메인관련 */

#msgbox{
  padding: 10px;
  text-align: center;
  position: fixed;
  width: 240px;
  z-index: 99999;
  top:49%;
	left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.7);
  color:#fff;
  border-radius: 20px;
  display:none;
}
ul,li{
  text-decoration: none;
  list-style: none;
  padding: 0px;
}
.price_search_box, .area_search_box{
  width: 100px;
}

.price_drop_box, .area_drop_box{
  width:330px;
}
.search_li{
  padding:5px;
  cursor: pointer;
}
.search_li:hover{
  background: #eee;
}
.search_li.active{
  background: #333;
  color:#fff;
}

.mobile_search_btn{
  border-radius: 0px;
  /*position: absolute;
  z-index: 2;
  top: 8px;
  right:70px;*/
  /*width: 80px;*/
  height: 34px;
}
.mobile_back_btn{
  position: absolute;
  z-index: 2;
  top: 8px;
  float:left;
  width: 44px;
  height: 34px;
}
.m_title{
  position: absolute;width: 100%;  margin-top:12px;
  font-size:1.3em;
}
.mobile_home_btn{
  position: absolute;
  margin-left:60px;
  z-index: 2;
  top: 8px;
  float:left;
  width: 44px;
  height: 34px;
}
.request_panel{
  position: absolute;
}
.w32{
  width: 32%;
}
.w49{
  width: 49%;
}
.label_finish{
  z-index: 2;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image:url('/static/img/common/finish.png');
}
.label_play{
  z-index: 2;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image:url('/static/img/common/play.png');
}

.label_youtube{
  z-index: 2;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image:url('/static/img/add/icon_youtube.png');
}

.label_vr{
  z-index: 2;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image:url('/static/img/add/icon_3dvr.png');
}

.label_360{
  z-index: 2;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image:url('/static/img/add/icon_360.png');
}

.navbar-header{
  width: auto;
}
.btn_modal_close{
  font-size: 15px;
  font-weight: bold;
  position: sticky;
  position: -webkit-sticky;
  width: 100%;
  padding: 15px;
  left:0%;
  text-align: center;
  background-color: rgba(0,0,0,0.4);
  color:#fff;
  z-index: 3;
  bottom: 0px;
  float: left;
}
.btn_request_call{
  font-size: 14px;
  font-weight: bold;
  position: sticky;
  position: -webkit-sticky;
  width: 33.3%;
  padding: 15px;
  left:0%;
  bottom: 51px;
  text-align: center;
  background-color: rgba(0,0,0,0.7);
  color:#fff;
  z-index: 3;
  bottom: 0px;
  float: left;
}
.btn_request_sms{
  font-size: 14px;
  border-left:1px solid #fff;
  font-weight: bold;
  position: sticky;
  position: -webkit-sticky;
  width: 33.3%;
  padding: 15px;
  left:33.3%;
  bottom: 51px;
  text-align: center;
  background-color: rgba(0,0,0,0.7);
  color:#fff;
  z-index: 3;
  bottom: 0px;
  float: left;
}

.btn_request_contact{
  font-size: 14px;
  border-left:1px solid #fff;
  font-weight: bold;
  position: sticky;
  position: -webkit-sticky;
  width: 33.3%;
  padding: 15px;
  left:66.6%;
  bottom: 51px;
  text-align: center;
  background-color: rgba(0,0,0,0.7);
  color:#fff;
  z-index: 3;
  bottom: 0px;
  float: left;
}


.dropdown.active > .dropdown-toggle{
  /*background-color: #fff !important;*/
}
.dropdown.active.open > .dropdown-toggle{
  /*background-color: #e7e7e7 !important;*/
}

.mobile_footer_first{
  position: fixed; text-align: center; bottom:0px;
  left:0px;
  width: 25%;
  padding: 5px 10px;   border-top:1px solid rgba(0,0,0,0.2);color: #fff !important;
  background: #444;
  z-index: 3;
}
.mobile_footer_second{
  position: fixed; text-align: center; bottom:0px;
  left:25%;
  width: 25%;
  padding: 5px 10px;   border-top:1px solid rgba(0,0,0,0.2);color: #fff !important;
  background: #444;
  z-index: 3;
}
.mobile_footer_third{
  position: fixed; text-align: center; bottom:0px;
  left:50%;
  width: 25%;
  padding: 5px 10px;   border-top:1px solid rgba(0,0,0,0.2);color: #fff !important;
  background: #444;
  z-index: 3;
}
.mobile_footer_fourth{
  position: fixed; text-align: center; bottom:0px;
  left:75%;
  width: 25%;
  padding: 5px 10px;  border-top:1px solid rgba(0,0,0,0.2); color: #fff !important;
  background: #444;
  z-index: 3;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active{
  color:#333;
}

.main_theme_zone > .slick-dots{
  bottom:-10px !important;
}
.main_theme_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_theme_zone > .slick-dots li button:before{
  color:#999 !important;
}
.main_theme_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_theme_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_theme_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_location_zone > .slick-dots{
  bottom:-10px !important;
}
.main_location_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_location_zone > .slick-dots li button:before{
  color:#999 !important;
}
.main_location_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_location_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_location_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_staff_zone > .slick-dots{
  bottom:-10px !important;
}
.main_staff_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_staff_zone > .slick-dots li button:before{
  color:#999 !important;
}
.main_staff_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_staff_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_staff_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_biz_zone > .slick-dots{
  bottom:-10px !important;
}
.main_biz_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_biz_zone > .slick-dots li button:before{
  color:#999 !important;
}
.main_biz_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_biz_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_biz_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_category_zone > .slick-dots{
  bottom:-10px !important;
}
.main_category_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_category_zone > .slick-dots li button:before{
  color:#999 !important;
}

.main_category_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_category_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_category_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_recent_zone > .slick-dots{
  bottom:-20px !important;
}
.main_recent_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_recent_zone > .slick-dots li button:before{
  color:#999 !important;
}

.main_recent_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_recent_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_recent_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_recommend_zone > .slick-dots{
  bottom:-10px !important;
}
.main_recommend_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_recommend_zone > .slick-dots li button:before{
  color:#999 !important;
}

.main_recommend_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_recommend_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_recommend_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_banner_zone > .slick-dots{
  bottom:-10px !important;
}
.main_banner_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_banner_zone > .slick-dots li button:before{
  color:#999 !important;
}

.main_banner_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_banner_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_banner_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_banner_zone_sub > .slick-dots{
  bottom:-10px !important;
}
.main_banner_zone_sub > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_banner_zone_sub > .slick-dots li button:before{
  color:#999 !important;
}

.main_banner_zone_sub_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_banner_zone_sub_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_banner_zone_sub_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_link_zone > .slick-dots{bottom: -25px !important;}

.main_link_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_link_zone > .slick-dots li button:before{
  color:#999 !important;
}

.main_link_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_link_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_link_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.main_bbs_zone > .slick-dots{
  bottom:-10px !important;
}
.main_bbs_zone > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_bbs_zone > .slick-dots li button:before{
  color:#999 !important;
}

.main_bbs_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_bbs_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_bbs_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

@media(max-width:992px) {
	.visible-xs { display:block !important; }
	.hidden-xs { display:none !important; }
}
.main_inst_zone .inst_wrap > .slick-dots{
  bottom:-10px !important;
}
.main_inst_zone .inst_wrap > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_inst_zone .inst_wrap > .slick-dots li button:before{
  color:#999 !important;
}
.main_inst_zone_mobile > .slick-dots{
  bottom:-10px !important;
}
.main_inst_zone_mobile > .slick-dots li.slick-active button:before{
  color:#333 !important;
}
.main_inst_zone_mobile > .slick-dots li button:before{
  color:#999 !important;
}

.map_left {
  /*padding-left: 0px;*/
  padding-right: 0px;
}
.map_right{
  padding-left:0px;
  padding-right: 0px;
}
.fa-1_5x{
  font-size:1.3em;
}

.mobile_footer_icon_text{
  margin: 0px;
  margin-top: 5px;
  font-size:1.0em;

}

.mobile_main_left{
  padding-right:5px;
}



.map_reset_btn{
  z-index: 2;
  position: absolute;
  top:90px;
  right: 0px;
  margin-right:10px;
  margin-top:10px;
}
.map_current_btn{
  width: 44px;
  z-index: 2;
  position: absolute;
  top:210px;
  right: 0px;
  margin-right:10px;
  margin-top:10px;
}
.map_copy_btn{
  z-index: 2;
  position: absolute;
  right: 0px;
  top:130px;
  margin-right:10px;
  margin-top:10px;
}


.main_admin_banner{
  padding: 20px;
  background-color: rgba(255,255,255,0.7);
  width: 280px;
  border-radius: 4px;
  border:1px solid #dcdcdc;
  text-align:center;
  position: fixed;
  z-index: 10;
  bottom: 20px;
  right: 20px;
}

.main_admin_banner h3 { margin:0; }
.main_admin_banner h4 { margin:10px 0; }
.main_admin_banner .snsBox { display:inline-block; width:100%; margin-bottom:-5px; float:left; }
.main_admin_banner .snsBox>* { margin-bottom:5px; }
.main_admin_banner .snsBox>*:not(:last-child) { margin-right:5px; }

.item_icon_zone{
  position: absolute;
  z-index: 2;
  padding: 5px;
}

.main_theme_zone{display: none}
.main_theme_zone_mobile{display: none}
.main_location_zone, .main_staff_zone, .main_biz_zone{display: none}
.main_location_zone_mobile, .main_staff_zone_mobile, .main_biz_zone_mobile{display: none}
.main_category_zone{display: none}
.main_category_zone_mobile{display: none}
.main_recent_zone{display: none}
.main_recent_zone_mobile{display: none}
.main_recommend_zone{display: none}
.main_recommend_zone_mobile{display: none}
.main_banner_zone{display: none}
.main_banner_zone_mobile{display: none}
.main_banner_zone_sub{display: none}
.main_banner_zone_sub_mobile{display: none}
.main_link_zone{display: none}
.main_link_zone_mobile{display: none}
.main_bbs_zone{display: none}
.main_bbs_zone_mobile{display: none}

.img_preview{
  max-width: 150px;
}
.max-100{
  max-width: 100%;
}


.btn-naver_talk{
  color:#fff !important;
  background-color: #00c73c;
}
.btn_chatbot {
	color:#fff !important;
	background-color: #5d3aef;
}
.btn-kakao_open{
  color:#fff !important;
  background-color: #ffb341;
}
.btn-kakao_plus{
  color:#fff !important;
  background-color: #fdd000 !important;
}
.btn-kakao_plus:hover{
 background-color: #ffb229 !important;
}
.btn-kakao_talk{
  color:#fff !important;
  background-color: #ffb229 !important;
}
.btn-kakao_talk:hover{
 background-color: #fdd000 !important;
}
.btn-naverblog_url{
  color:#fff !important;
  background-color: #00c23b;
}


.naver_talk{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #00c73c;
  /*right:20px;*/
  /*bottom: 20px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.naver_blog{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #00c23b;
  /*right:20px;*/
  /*bottom: 20px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.kakao_chatbot{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #5d3aef;
  /*right:20px;*/
  /*bottom: 20px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.facebook_msg{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #2877c7;
  /*right:20px;*/
  /*bottom: 20px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.whatsapp{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #25d366;
  /*right:20px;*/
  /*bottom: 20px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.telegram_msg {
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #27a7e7;
  /*right:20px;*/
  /*bottom: 20px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.line_msg {
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #3ace01;
  /*right:20px;*/
  /*bottom: 20px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.kakao_open{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #fae100;
  /*right:20px;*/
  /*bottom:140px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.kakao_plus{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #ffa114;
  /*right:20px;*/
  /*bottom:260px;*/
  /*z-index: 10;*/
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.sns_banner_btn_instagram{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #a107f3;
  /*right:20px;*/
  /*bottom:260px;*/
  /*z-index: 10;*/
  cursor: pointer;
  margin-bottom: 5px;
}
.sns_banner_btn_youtube{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #ed1f23;
  /*right:20px;*/
  /*bottom:260px;*/
  /*z-index: 10;*/
  cursor: pointer;
  margin-bottom: 5px;
}
.sns_banner_btn_naver_cafe{
  /*position: fixed;*/
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: center;
  color:#fff !important;
  background: #00c23b;
  /*right:20px;*/
  /*bottom:260px;*/
  /*z-index: 10;*/
  cursor: pointer;
  margin-bottom: 5px;
}
.tag{
  padding: 2px 5px;
  background-color: #555 ;
  color:#fff;
  float:left;
  margin-right: 5px;
  margin-bottom: 3px;
  border-radius: 2px;
}
.static_cut{
  font-size:0.8em;
  overflow: hidden;
  height: 42px;
}

.v-center{
	display:inline-block;
	width:100%;
	margin: 0;
	padding:0 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.view_type_slide, .view_type_6{
  height: 160px;
}
.view_type_slide.main_staff_img, .view_type_6.main_staff_img,.view_type_slide.main_biz_img, .view_type_6.main_biz_img{
  height: 350px;
}
.view_type_slide.main_staff_img { height:auto; }
.view_type_1 {
  height: 150px;
}
.view_type_6.is_circle{
  height: 160px;
}
.view_type_5.is_circle{
  height: 202px;
}
.view_type_4.is_circle{
  height: 260px;
}
.view_type_2.is_circle{
  height: 553px;
}
.view_type_1.is_circle{
  height: 1138px;
}
.view_type_slide.is_circle{
  height: 261px;
}

/*외부링크만 특수*/
.main_link_img.view_type_slide{
  height: 70px !important;
}


.banner_main_left_zone{
  position: absolute; left:50%; width: 250px; margin-left: -870px;
  z-index: 10;
}
.banner_main_right_zone{
  z-index: 10;
  position: absolute; right:50%; width: 250px; margin-right: -870px;
}
.banner_main{
  max-width: 250px;
}

.min-height-600{
  min-height: 600px;
}
#profit_chart{
  width:100%;height: 200px;
}

.table_profit > tbody > tr, .table_profit > tbody > tr > th, .table_profit > tbody > tr > td{
  vertical-align: middle !important;
  text-align: center;
}

.bbs_card_img{
  height: 200px;
}


/*다국어 시작*/
#flags{margin-top: 22px;}
body { top:0px !important; }
p.hello { font-size:12px; color:darkgray; }
#google_language_translator, #flags { text-align:left; }
#google_language_translator, #language { clear:both; width:160px; text-align:right; }
#language { float:right; }#flags { text-align:right; width:165px; float:right; clear:right; }
#flags ul { float:right !important; }
p.hello { text-align:right; float:right; clear:both; }
.glt-clear { height:0px; clear:both; margin:0px; padding:0px; }
#flags { width:165px; }
#flags a { display:inline-block; margin-left:2px; }
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}
#google_language_translator a {display: none !important; }
.goog-te-gadget {color:transparent !important;}
.goog-te-gadget { font-size:0px !important; }
.goog-branding { display:none; }
#google_language_translator { display:none; }
.goog-te-banner-frame { visibility:hidden !important; }
#glt_widget-2 { position: relative !important; z-index: 99 !important; right: 68px; }
/*다국어 끝*/

.bbs_headline_zone{
  background-color: #eee;
}

.slick-slide:focus{
  outline: none !important;
}

/*파노라마 시작*/
.panorama {
width: 100%;
float: left;
margin-top: -5px;
height: 450px;
position: relative;
}
.panorama .credit {
background: rgba(0,0,0,0.2);
color: white;
font-size: 12px;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: right;
}
/*파노라마 끝*/
#map_item{display: none; }


#map_item_data{
  overflow: hidden;
}

.dropdown-menu.side>li>a{
  padding: 10px 20px;
}
.dropdown-menu.side>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
  background-color: #333;
}

.bootstrap-select .dropdown-toggle:focus, a:focus{
  outline: none !important;
}


.view_data{
  padding: 0px;
}

.py{
  display: none;
}
.affix{
  position: fixed !important;
  top:10px !important;
  max-width: 358px !important
}
.text-black{
  color:#333;
}
.main_member_image{
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  /* height: 260px; */
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.main_member_image { height:auto; padding-top:100%; }

.col-sm-2.control-label{
  font-size:18px;
}
.map_infowindow > a > div > div > div > .col-xs-5{
  padding-left: 0px;
}


.li.dropdown{
  clear: both;
}
.badge-md{
  padding: 8px 10px;
  font-size:16px;
  border-radius: 4px;
}

/*style the link*/
.gm-style div div div div div div div div a {
  font-weight: normal;
}

/* common */
.ribbon {
  width: 150px;
  /*height: 150px;*/
  height: 130px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  z-index: 2;
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

.ribbon-top-right{
  top:0px;
  right: 0px;
}
.ribbon-top-right span{
  left:5px;
  top:20px;
  font:500 14px/1 'Lato', sans-serif;
}
.ribbon span{
  padding: 5px 0px;
}
.black_bg{
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
  display: none;
}
.offcanvas-stop-scrolling{
  overflow:hidden;
  height:auto;
  /*margin-top:-50px;*/
}
.offcanvas-stop-scrolling > .navbar-default{
  /*margin-top:-50px;*/
  background: #333 !important;
  border-bottom:0px !important;
}
.offcanvas-stop-scrolling > nav > div > .navbar-header > a {
  display: none !important;
}
.offcanvas-stop-scrolling > .black_bg{
  display: block !important;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: #000;
  opacity: 0.7;
}
.map_infowindow > a > div > div > div > div >.ribbon{display:none}



.map_infowindow > div > .price_block{
  font-size:13px !important;
}
.bg-black{
  background: #333;
}

.max-w-800{
  max-width: 800px;
}

.mobile_search_button{
  background-size: cover;
  background-repeat: no-repeat;
  height: 100px;
  background-position: center;
}

.h250{
  height: 250px;
}
.h240{
  height: 240px;
}
.h200{
  height: 200px;
}
.h180{
  height: 180px;
}

.marker_cnt{
  z-index: 10;
  position: absolute;
  background:#000;
  color:#fff;
  text-align: center;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  min-width: 45px;
  height: 35px;
  padding: 10px;
  line-height: 14px;
  font-size:17px;
  left:0px;
  top:0px;
  font-weight: bold;
}
.marker_title{
  border:1px solid #dcdcdc;
  padding: 10px;
  padding-left:60px;
  background-color:rgba(255,255,255,0.9);
  font-size:13px;
  font-weight: bold;
  color:#333;
  border-radius: 20px;
  height: 35px;
  line-height: 14px;
  /*box-shadow: 0 5px 10px rgba(0,0,0,.1);*/
  /*width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}


.marker_title_view{
  border:1px solid #dcdcdc;
  padding: 5px;
  /*padding-left:60px;*/
  background-color:rgba(255,255,255,0.9);
  font-size:11px;
  font-weight: bold;
  color:#333;
  border-radius: 20px;
  height: 25px;
  line-height: 14px;
  /*box-shadow: 0 5px 10px rgba(0,0,0,.1);*/
  /*width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}
.marker_title_view_subway{
  border:1px solid #dcdcdc;
  padding: 5px;
  /*padding-left:60px;*/
  background-color:rgba(255,255,255,0.9);
  font-size:11px;
  font-weight: bold;
  color:#333;
  border-radius: 20px;
  height: 24px;
  line-height: 14px;
  /*box-shadow: 0 5px 10px rgba(0,0,0,.1);*/
  /*width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}

#title{
  word-break:break-all;
}

.b-r-n, .b-r-n > .btn{
  border-radius: 0px !important;
}
.price_profit_chang, .price_profit_month,.price_profit_suik{
  font-size: 12px !important;
  border-radius: 2px !important;
}

.h100{
  height: 100%;
}
.h150{
  height: 150px;
}

.popup{
  position: absolute;
  top:70px;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  border:1px solid #dcdcdc;
  padding: 15px;
  z-index: 10;
}
.pop_close{
  padding-right:30px;
  height: 30px;position: absolute;width: 100%;bottom:0px;
}
.popup{
  display: none;
}
.tooltip{
  z-index: 10 !important;
  position: fixed;
}
.white-inherit{
  white-space:inherit;
}
.slick-dotted.slick-slider{
  margin-bottom: 10px;
}
.clearfix.slick-slide{
  display: none;
}
.slide_thumbs{
 height: 120px; background-size: cover; background-position: center; cursor: pointer;
 margin: 5px; border-radius: 4px;
 border:1px solid #dcdcdc;
}
.map_footer{
  position: absolute; width: 700px; padding: 10px; left:50%; margin-left:-350px; z-index: 10; bottom: 20px; background: rgba(255,255,255,0.7); border-radius:10px;
}
.daum_view_btn{
  z-index: 10; right: 10px; top:180px; position: absolute;
}
#map_daum{
  width:100%;height:100%; z-index: 10; position: absolute; display: none;
}
.daum_view_btn{
  display: none;
}
.p-l-n{
  padding-left:0px !important;
}
.p-r-n{
  padding-right:0px !important;
}
.terms_box{
  width: 100%; height: 100px; overflow-y: scroll; border:1px solid #dcdcdc; padding: 5px; font-size:11px; border-radius: 4px
}


.b-t-l-r{
  border-top-left-radius: 30px;
}
.b-b-l-r{
  border-bottom-left-radius: 30px;
}
.b-t-r-r{
  border-top-right-radius: 30px;
}
.b-b-r-r{
  border-bottom-right-radius: 30px;
}
.keyword_line{
  height: 48px;
  border: 3px solid #fff !important;
}
.card_avatar{
  position:absolute;right:30px;margin-top:-80px;
  border-radius: 4px;
}

.best_staff{
  position: absolute;top:200px;right: 0px;width: 200px; border:1px solid #dcdcdc; border-top-left-radius: 15px; border-bottom-left-radius:15px; padding: 10px;
  z-index: 10;
  background: rgba(255,255,255,0.9);
}
.f16{
  font-size: 16px;
}
.f15{
  font-size: 15px;
}
.f14{
  font-size: 14px;
}

.social_icon_zone{
  position: fixed; width: 100px; bottom: 20px; right:20px; z-index: 9;
}
.social_icon_zone>* { border-radius:100px; box-shadow:0 0 5px rgba(0,0,0,.1); }
.social_icon_zone img { width:auto; height:40px; margin-top:10px; }
.social_icon_zone h5 { margin-top:6px; }
/*
@media(max-width: 768px){
  .social_icon_zone{
    right: -30px;
    bottom: 55px;
  }
  .naver_talk, .kakao_open, .kakao_plus{
    width: 60px;height: 60px;
    padding-top: 15px;
    border-radius: 50%;
  }
  .main_sns_icon + h5{
    display: none;
  }
}
*/


.row-important{
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.more{display: none !important}
#map_item > .panel{
  margin-bottom: 0px;
}

.price_profit_chang + .price_span, .price_profit_chang + .price_span + span + .price_span , .price_profit_month + .price_span{
  font-size: 14px !important;
}

.main_quick_box{
  padding:10px 30px;
  width: 100%;
  height: 300px;
  border:1px solid #dcdcdc;
  border-radius: 4px;
}

.box1{
  background-position: center;
  background-size: cover;
  background-image: url('/static/img/common/quick_bg1.png');
}
#quick_board .box1 { background-position: center;
background-size: cover;
background-image: url('/static/img/common/quickbbs_bg1.png'); }
.box2{
  background-position: center;
  background-size: cover;
  background-image: url('/static/img/common/quick_bg2.png');
}

.h280{
  height: 280px;
}

.bbs_list_img{
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.gm-style > div > div > div > div > div > div > div { color:#fff !important;}
.item_form_search{
  position: absolute; width: 200px; height: 200px; z-index: 10; margin-top:10px; margin-left:10px;
}
.f30{font-size: 30px;}
.price_drop_box{
  overflow-x: hidden;
}


.mobile_trigger > div > div > .btn-group > .btn{
  border-radius: 0px !important;
}
.mobile_trigger{
  background: #eee !important;
}
.search_mobile_right{
  width: 50%;
  float: left;
}
#map_copy{
  z-index: -1;
  position: fixed;
  opacity: 0;
}

.sns_icon{
  border-radius: 50%;
  width: 28px;
  height: 28px;
  padding: 0px;
  text-align: center;
  line-height: 28px;
}
.miniback{
  background: #eee;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-image:url('/static/img/common/miniback.jpg');
  height: 300px;
}
#price_rates{
  position: absolute;z-index: 3;
  background: #fff;bottom: -80px;
  background: rgba(255,255,255,0.9);
  min-width: 300px; left:50%;
  margin-left:-150px;
  border-top-left-radius: 5px;border-top-right-radius: 5px;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  transition: all 0.5s;
  text-align: center;
}


.spin{
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}
#modal_item_content{
  min-height: 650px;
}
.item_modal_zone{
  margin-bottom: 50px;
}
.top_contact{
  color:#fff !important;border-radius:15px; padding:5px 15px; margin-top:18px;
}
.btn-confirm{
  position: absolute;bottom: 0px;
}

#modal-signin, #modal-signup{
  z-index: 9999999;
}
.pc_end{
  position: fixed;bottom:0px;width: 100%;padding: 10px;text-align:center; z-index: 99; background: rgba(0,0,0,0.7);color: #fff; font-size: 8em;
}
.menu_sign{ margin-right: 15px;}


.m-t-8px{ margin-top: 8px; }

/* 20190830 */

.m-t-9px{ margin-top: 9px; }

/* 20190830 */

.dadan{
  background: #eee; border-top:1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; height: 10px; margin-right: -15px; margin-left: -15px;
}
.dadan.modal_1{
  margin-right: -15px;
  margin-left: -15px;
}
.tag_theme{
  padding: 5px;
  border-radius: 4px;
  background: #eee;
  color:#888;
  margin-right: 5px;
  font-size: 0.9em;
  margin-bottom: 5px;
}

.w250{
  width: 250px;
}
#modal-privacy{
  z-index: 999999999;
}
#privacy_view{
  height: 500px;
  overflow-y: scroll;
}





			.dropdownArea{
				position:relative;
			}
			/* .dropbtn {
				padding-top: 22px;
				padding-bottom: 22px;
				margin-right: 16px;
				font-size: 16px;
				border: none;
				cursor:pointer;
				font-weight:bold;
				text-align:left;
				padding-left:4px;
			} */

			.dropbtn {
				padding-left:15px;
				padding-right:15px;
				/* margin-right: 16px; */
				font-size: 16px;
				border: none;
				cursor:pointer;
				font-weight:bold;
				text-align:left;
				/* padding-left:4px; */
			}
			.dropbtn .dropdown-content-top a { display:inline-block; width:100%; height:100%; padding:22px 0; }

			.dropdown-class {
				position: absolute;
				display: inline-block;
			}
			.dropdown-content-top{
				/* 1text-align:center; */
				/* padding-bottom:10px; */
			}
			.dropdown-content {
				display: none;
				position: absolute;
				background-color: #f1f1f1;
				min-width: 160px;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
				z-index: 1;
				text-align:left;
				font-size:14px;
				font-weight:bold;
				z-index:10;
				top:66px;
			}

			.headerStyle1.headerStyle5 .dropdown-content { top:46px; }
			.dropdown-content a {
				color: black;
				padding: 12px 16px;
				text-decoration: none;
				display: block;
			}
			.headerStyle1.headerStyle5 .open>.dropdown-menu { top:69px; }
			.dropdown-content a:hover {background-color: #ddd;}
			.dropbtn:hover .dropdown-content {display: block;}



/* 기존 반응형 */

@media (min-width: 1600px) {
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
	.col-xl-1 { width: 8.333333%; }
	.col-xl-2 { width: 16.666667%; }
	.col-xl-3 { width: 25%; }
	.col-xl-4 { width: 33.333333%; }
	.col-xl-5 { width: 41.666667%; }
	.col-xl-6 { width: 50%; }
	.col-xl-7 { width: 58.333333%; }
	.col-xl-8 { width: 66.666667%; }
	.col-xl-9 { width: 75%; }
	.col-xl-10 { width: 83.333333%; }
	.col-xl-11 { width: 91.666667%; }
	.col-xl-12 { width: 100%; }
	.col-xl-pull-0 { right: auto; }
	.col-xl-pull-1 { right: 8.333333%; }
	.col-xl-pull-2 { right: 16.666667%; }
	.col-xl-pull-3 { right: 25%; }
	.col-xl-pull-4 { right: 33.333333%; }
	.col-xl-pull-5 { right: 41.666667%; }
	.col-xl-pull-6 { right: 50%; }
	.col-xl-pull-7 { right: 58.333333%; }
	.col-xl-pull-8 { right: 66.666667%; }
	.col-xl-pull-9 { right: 75%; }
	.col-xl-pull-10 { right: 83.333333%; }
	.col-xl-pull-11 { right: 91.666667%; }
	.col-xl-pull-12 { right: 100%; }
	.col-xl-push-0 { left: auto; }
	.col-xl-push-1 { left: 8.333333%; }
	.col-xl-push-2 { left: 16.666667%; }
	.col-xl-push-3 { left: 25%; }
	.col-xl-push-4 { left: 33.333333%; }
	.col-xl-push-5 { left: 41.666667%; }
	.col-xl-push-6 { left: 50%; }
	.col-xl-push-7 { left: 58.333333%; }
	.col-xl-push-8 { left: 66.666667%; }
	.col-xl-push-9 { left: 75%; }
	.col-xl-push-10 { left: 83.333333%; }
	.col-xl-push-11 { left: 91.666667%; }
	.col-xl-push-12 { left: 100%; }
	.col-xl-offset-0 { margin-left: 0; }
	.col-xl-offset-1 { margin-left: 8.333333%; }
	.col-xl-offset-2 { margin-left: 16.666667%; }
	.col-xl-offset-3 { margin-left: 25%; }
	.col-xl-offset-4 { margin-left: 33.333333%; }
	.col-xl-offset-5 { margin-left: 41.666667%; }
	.col-xl-offset-6 { margin-left: 50%; }
	.col-xl-offset-7 { margin-left: 58.333333%; }
	.col-xl-offset-8 { margin-left: 66.666667%; }
	.col-xl-offset-9 { margin-left: 75%; }
	.col-xl-offset-10 { margin-left: 83.333333%; }
	.col-xl-offset-11 { margin-left: 91.666667%; }
	.col-xl-offset-12 { margin-left: 100%; }

	.p-h{ max-height: 140px; }
	}
	.side.shown{ width: 100%; border: none;	position: relative;	display: block;
	box-shadow:none; background:#eee; }


@media (max-width: 1600px) {
	.naver_talk, .kakao_open, .kakao_plus, .btn-naverblog_url , .naver_blog , .facebook_msg, .kakao_chatbot, .sns_banner_btn_instagram, .sns_banner_btn_youtube, .sns_banner_btn_naver_cafe, .whatsapp, .telegram_msg, .line_msg { width: 80px; height: 80px; }
	.naver_talk, .kakao_open, .kakao_plus, .btn-naverblog_url{ right:10px; }
	.naver_talk > .fa-3x, .kakao_open > .fa-3x , .kakao_plus > .fa-3x , .btn-naverblog_url > .fa-3x{ font-size:2em; }
	.naver_talk > .main_sns_icon, .kakao_open > .main_sns_icon , .kakao_plus > .main_sns_icon , .btn-naverblog_url > .main_sns_icon, .kakao_chatbot > .main_sns_icon, .facebook_msg  > .main_sns_icon, .sns_banner_btn_instagram > .main_sns_icon, .sns_banner_btn_youtube > .main_sns_icon, .sns_banner_btn_naver_cafe > .main_sns_icon, .whatsapp > .main_sns_icon, .telegram_msg > .main_sns_icon, .line_msg > .main_sns_icon { width: 30px !important; height:auto !important; margin-top:0; }

	.kakao_open{ bottom: 110px; }
	.kakao_plus{ bottom: 200px; }

	.visible-xl{ display: none; }
	.hidden-xl{ display: block; }

	.banner_main_left_zone{	position: absolute; left:0; width: 250px; margin-left:0; }
	.banner_main_right_zone{ position: absolute; right:0; width: 250px; margin-right:0; }
	.banner_main{ width: 150px; }
}

@media (min-width: 1600px) {
	.visible-xl{ display: block !important; }
	table.visible-xl { display: table !important; }
	tr.visible-xl { display: table-row !important; }
	th.visible-xl, td.visible-xl { display: table-cell !important; }
	.hidden-xl{ display: none; }
}

@media(max-width: 1480px) and (min-width:992px){
	.logo { height:54px; }
}

@media (max-width: 1279px){
  .map_item_img{ height: 120px !important; }
  .map_block.main_recommend, .map_block.main_recent{ height: 280px !important; }
  .map_item_img_2 {height:180px !important;}
}

@media(max-width: 1280px){
	.map_item_img{ height: 120px !important; }
	.map_block.main_recommend, .map_block.main_recent{ height: 280px !important; }
	.main_admin_banner{	padding: 5px; width: 200px; }

	.map_item_img_2 {height:180px !important;}
}

@media(min-width:1280px){
	.col-sm-3 > a > .main_block > div > .grid_item_img{ height: 190px; }
	.col-sm-3 > div > div > div > div > .map_item_img{ height: 190px; }
	.modal-lg { width: 1280px; }
}

@media(min-width:769px){
	.view_type_3.main_staff_img, .view_type_3.main_biz_img{ height: 450px !important; }
	.col-sm-2_5{ width: 20%; float:left; min-height: 1px; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

	.price_search_box, .area_search_box{ width: 100px !important; }
}

@media(max-width:992px){
	.navbar-nav { margin:0; }
	.container-fluid>.navbar-header { margin:0; }
	.card_avatar{ display: none !important; }
	.mobile_br{ display: block; height: 1px; }
	.view_map{ width: 100%; height: 250px !important; }
	.main_theme_img{ height: 150px; font-size:1.8em; }
	.main_location{ margin-bottom: 5px !important; }
	.main_location_img{ height: 150px; font-size:1.8em; }
	.main_location_img.view_type_mobile_4{ height: 80px; }
	.col-sm-3.col-xs-3{ padding: 5px !important; }
	.main_staff_img,.main_biz_img{ height: 210px; /*font-size:1.8em;*/ }
	.main_category_img{ height: 150px; font-size:1.8em; }
	.main_banner_img{ background-size: cover !important; height: 150px; font-size:1.8em; }
	.main_banner_img.view_type_1{ background-size: 100% 100% !important; }
	.main_link_img{ height: 150px; font-size:1.8em; }
	.price_search_box, .price_line, .area_search_box, .area_line{ float: left !important; }
	.price_search_box, .area_search_box{ width: 47% !important; }
	.price_line, .area_line{ width: 6% !important; text-align: center; }
	.price_drop_box, .area_drop_box{ overflow-y: scroll; top:0px; position: fixed !important; }
	.map_block > div > div > .col-xs-5{ padding-right:0px; }
	.search_console > .container-fluid{ padding: 0px; float:left !important; }
	.main_member_image{ /*height: 160px !important;*/ background-size: 100% 100% !important; background-position: center !important; }

	.price_block, .price_span{ font-size: 13px !important; }

	.clearfix.detail{ height: 2px; }
    .price_search > .btn, .area_search > .btn{ width: 100% !important; }
    .price_drop_box, .area_drop_box{ width:100% !important; }
    .search_console{ display: none; position: fixed; padding-bottom: 100px; height: 100%; top:0px; z-index: 13; overflow-y: scroll; }
    .search_block{ width: 100%; margin-bottom: 10px; display: block; }

	.map_infowindow > a > div > div > div > div.col-xs-7{ padding: 5px; }
	.map_infowindow > a > div > div > div > div > p > .price_block{ font-size:13px !important; }
	.map_infowindow > a > div > div > div > div > p > .price_span{ font-size:13px !important; }
	.map_infowindow > a > div  div > div > div > p { margin-bottom:5px; }
	.v-center > h3{ font-size: 0.8em !important; }
	.static_cut{ height: 20px !important; }
	.logo{ height: 50px; margin-right: 0px; padding-left:0; }
	.mobile_view{ display: initial; }
	.visual_img, .visual_img_mobile, .visual_img_grid{ height: 200px; }
	/*
	.visual, .visual_mobile, .visual_grid{ height: 200px !important; }
	*/
	.visual_text, .visual_text_mobile, .visual_text_grid{ font-size:30px; width: 100%; margin-top: 70px; }
	.visual_text_mobile { z-index:4; }

	.card_zone{ height: 150px; line-height: 150px; font-size:20px; }
	.grid_item_img{ width: 150px !important; height: 150px !important; float:left; margin-right:10px; }

	.map_left { padding-left: 0px !important; }
	.m-t-lg{ margin-top: 20px !important; }
	.col-xs-4, .col-xs-6{ padding-left:5px !important; padding-right:5px !important; }
	.row{ margin-right: -5px !important; margin-left: -5px !important; }
	.container { padding-right: 5px !important; padding-left: 5px !important; }

	/* .view_type_slide, .view_type_6{ height: 150px !important; }
	.view_type_slide.main_staff_img, .view_type_6.main_staff_img, .view_type_slide.main_biz_img, .view_type_6.main_biz_img{ height: 210px !important; }
	.view_type_6.is_circle{ height: 168px !important; }
	.view_type_5.is_circle{ height: 168px !important; }
	.view_type_4.is_circle{ height: 168px !important; }
	.view_type_2.is_circle{ height: 168px !important; }
	.view_type_1.is_circle{ height: 168px !important; }
	.view_type_slide.is_circle{ height: 168px !important; }
	.view_type_mobile_3{ height: 105px !important; } */

	.mobile_br{ display: block;	}
	.mobile-m-n{ margin: 0px; }

	.social_icon_zone{ right: -30px; bottom: 65px; }
	.naver_talk, .kakao_open, .kakao_plus, .facebook_msg , .naver_blog, .kakao_chatbot, .sns_banner_btn_instagram, .sns_banner_btn_youtube, .sns_banner_btn_naver_cafe, .whatsapp, .telegram_msg, .line_msg { width: 50px;height: 50px;
	padding-top: 10px; border-radius: 50%; }
	.main_sns_icon + h5{ display: none; }
	.facebook_msg > h5{	display: none; }
	.whatsapp > h5, .telegram_msg > h5, .line_msg > h5{	display: none; }
	.fa-facebook{ margin:0px; }
	.btn-naverblog_url > h5{	display: none; }
	.naver_blog > .main_sns_icon{ width:50px; margin:0; }

	#title{  font-size: 1.4em !important; }
	.quick_staff{ padding: 0px !important; }
	.main_quick_box{ padding:10px !important; /*height: 250px;*/ margin-bottom: 10px; }
	.box1{ height: 300px !important; }
	.btn-default:hover{ background-color: #fefefe; }

	.mobile_submit_zone{ position: fixed; z-index: 10; bottom: 10px; left: 2.5px;
	background-color: rgba(255,255,255,0.7); padding: 10px;	bottom: 0px; }
	.mobile_app_banner{	width: 100%; }
	.mobile_app_content{ text-align: center; }

	.navbar-default{ z-index: 5; width: 100%; top:0px; position: fixed !important;	background: #fff; }
	.head_item_cnt{	/*position: fixed;*/ /*border: 0px;*/ /*width: 250px;*/ /*bottom: 80px;*/ text-align: center; }
	.head_visit{ /*position: fixed;*/ /*border: 0px;*/ /*width: 250px;*/ /*bottom: 40px;*/ text-align: center;	}
	.head_contact{ /*position: fixed;*/ /*border: 0px;*/ /*width: 250px;*/ /*bottom: 0px;*/ text-align: center;	}

	.dropbtn{font-weight:normal; padding:10px 16px;}
	.dropdown-content-top { padding:0; }
	.dropbtn:hover .dropdown-content {display: none;}

	.padder-v > .container-fluid{ padding-left: 0px; padding-right: 0px; }
    .avatar{ width: 25px; height: 25px; border-radius: 50%; max-width: 100%; }

    .footer{ position: relative; font-size:12px; line-height: 16px; padding-top:12px; }

	.sns_naver_blog img { width:30px !important; height:auto !important; margin:4px 0 !important; }
}

@media(min-width: 769px){
	.navbar-default .navbar-nav>li>a{ padding-top:23px; padding-bottom: 23px; font-size:1.2em; font-weight:900; }
	.navbar{ height: 70px; }

	.map_block > div > div > div > h5{ margin-top:0px; }
	.form-horizontal .control-label{ padding-top:3px; }
}

/* 190809 추가 */
/* header */
/* .navbar-default .navbar-nav>li>a { color:#333; } */
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background-color:rgba(0,0,0,0) !important; }
.navbar-default .navbar-nav.navbar-right.head_contact li:hover>a { background-color:rgba(0,0,0,0) !important; }
.dropdown-menu { padding:0; border-radius:0; }
.dropdown.active.open .caret { transform:rotate(180deg); transition:all .2s; }
.menu_sign .dropdown.active.open .caret { transform:rotate(0deg); transition:all .2s; }
.menu_sign .dropdown.active .caret { transform:rotate(180deg); transition:all .2s; }

/* 2019.08.21 */
/* headerStyle1 */
/* .headerStyle1.navbar-default .navbar-nav>.active>a, .headerStyle1.navbar-default .navbar-nav>.active>a:focus, .headerStyle1.navbar-default .navbar-nav>.active>a:hover { background-color:rgba(0,175,253,0) !important; } */
.headerStyle1.navbar-default .navbar-nav >.active { /*height:auto;*/ border:none; }
/* .headerStyle1.headerStyle5 .navbar-nav>.active { border-bottom:3px solid #fdb21f; border-bottom-style:inset; } */
	/* navbar_line */
.headerStyle1.headerStyle5 .navbar_line.navbar-nav>li { padding:24px 10px; position:relative; cursor:pointer; }
.headerStyle1.headerStyle5 .navbar_line.navbar-nav>li.active>div span { width:100%; }
/* .headerStyle1.headerStyle5 .navbar_line.navbar-nav>li.active:hover span { width:0; } */
/* .headerStyle1.headerStyle5 .navbar_line.navbar-nav>li:not(.active):hover span { width:70%; } */
.headerStyle1 .navbar_line.navbar-nav>li>a { padding:0 }
/* .headerStyle1 .navbar_line.navbar-nav>li:hover>a { color:#0076e7 !important; } */
.headerStyle1 .navbar_line.navbar-nav>li span { width:0; height:3px; margin:0 auto; position:absolute; bottom:10px; left:-0; right:0; box-sizing:border-box; transition:all .2s; }
.headerStyle1 .navbar_line.navbar-nav>li.active>span { width:70%; }
.headerStyle1 .navbar_line.navbar-nav>li:hover:not(.active)>span { width:70%; }
.headerStyle1.headerStyle5 .navbar_line.navbar-nav>.active:not(:hover)>span { width:70%; }
	/* nav 드롭다운 */
/* .headerStyle1 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color:rgba(0,175,253,.2); } */
.headerStyle1 .dropdown-menu { padding:0; }
.headerStyle1 .dropdown-menu>li>a { padding:12px 20px; text-align:center; font-weight:bold; }
.headerStyle1 .dropdown-menu .divider { margin:0; }
.headerStyle1 .menu_sign .dropdown-menu>li:last-child { background-color:#aaa; }
.headerStyle1 .menu_sign .dropdown-menu>li:last-child a { color:#fff; }

/* headerStyle2 */
.navbar-default.headerStyle2 { width:calc(100% - 40px); margin:20px; border-radius:100px; box-shadow:0 1px 8px #ddd; }
.headerStyle2 .logo { margin-left:20px; }
.headerStyle2 .main_search_back { top:600px;}
.headerStyle2.navbar-default .navbar-nav >.active
.headerStyle2.navbar-default .navbar-nav >.active { height:70px; border-bottom: 4px solid #fff; border-bottom-style:inset; }

	/* text효과 */
	.headerStyle2 .text-effect { margin-right:10px; position:relative; }
	.text-effect .text { width:auto; height:100%; padding:24px 10px; }
	.text-effect>*:nth-child(3) { width:210px; }
	.text-effect>li { width:auto; padding:24px 0; }
	.text-effect>a { display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; z-index:11; }
	.text-effect .text p { display: inline-block; vertical-align: top; margin: 0; font-size:16px; font-weight:bold; }

	.text-effect .word { position: absolute; width: auto; opacity: 0; }
	.text-effect .letter { display: inline-block; position: relative; float: left; transform: translateZ(25px); transform-origin: 50% 50% 25px; }

	.text-effect .letter.out { transform: rotateX(90deg); transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.text-effect .letter.behind { transform: rotateX(-90deg); }
	.text-effect .letter.in { transform: rotateX(0deg); transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

	.text-effect .wisteria { color: #8e44ad; }
	.text-effect .belize { color: #2980b9; }
	.text-effect .pomegranate { color: #c0392b; }
	.text-effect .green { color: #16a085; }
	.text-effect .midnight { color: #2c3e50; }

/* texteffect2 */
	:root {
	  --background-gradient-top: #000128;
	  --background-gradient-bottom: #030a33;
	  --button-color: #0076e7;
	  --text-color: #eee;
	  --button-border-color: #fff;
	  --button-height: 40px;
	  --button-width: 220px;
	}
	.text-effect2 { position:relative; }
	.text-effect2 .container { display: flex; width: 100%; justify-content: center; align-items: center; perspective: 1000px; margin-top:14px; }
	/* create a simple round button in the top right corner of the page  */
	.text-effect2 .container .toggle-theme { width: 2rem; height: 2rem; border-radius: 50%; background-color: var(--text-color); position: absolute; top: 1rem; right: 1rem; cursor: pointer; border: none; outline: none; transition: background-color 1s ease-out; }
	.text-effect2 .container .hover-button { height: var(--button-height); width: var(--button-width); position: relative; transition: all 0.5s ease-out;  transform-style: preserve-3d; outline: none; background-color: var(--button-color); border: 3px solid var(--button-border-color); border-radius: 8px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: var(--text-color); cursor: pointer; }
	.text-effect2>a { display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; z-index:11; }
	.text-effect2 .container .hover-button:hover { transform: translateY(calc(var(--button-height)/-2)) rotateX(90deg); }
	.text-effect2 .container .hover-button:before { content: '영업시간 : 오전9시-오후6시'; position: absolute; bottom: -3px; left: -3px; right: -3px; top: -7px; transform-origin: bottom center; transform: rotateX(90deg) rotateY(180deg) rotateZ(180deg) translateY(var(--button-height)); opacity: 0; transition: all 0.5s ease-out; padding-top: 30 px; background-color: var(--button-color); border-radius: 8px; border: 3px solid var(--button-border-color); padding-top: calc(var(--button-height)/4); font-size:14px; }
	.text-effect2 .container .hover-button:hover:before { transform: rotateX(90deg) rotateY(180deg) rotateZ(180deg) translateY(40px); opacity: 1; }

/* texteffect3 */
	.text-effect3 { margin-right:10px; position:relative; }
	.text-effect3 .text { width:250px; height:100%; padding:24px 30px; }
	.text-effect3>li { width:auto; padding:24px 0; }
	.text-effect3>a { display:inline-block; width:calc(100% - 20px); height:calc(100% - 20px); margin:10px; position:absolute; top:0; left:0; cursor:pointer; z-index:11; border:1px solid #ddd; border-radius:30px; box-shadow:0 1px 5px #ddd; }
	.text-effect3 .text p { display: inline-block; vertical-align: top; margin: 0; font-size:16px; font-weight:bold; }
	.text-effect3 .word { position: absolute; width: auto; opacity: 0; }

	.text-effect3 .letter { display: inline-block; position: relative; float: left; transform: translateZ(25px); transform-origin: 50% 50% 25px; }

	.text-effect3 .letter.out { transform: rotateX(90deg); transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.text-effect3 .letter.behind { transform: rotateX(-90deg); }
	.text-effect3 .letter.in { transform: rotateX(0deg); transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

	.text-effect3 .wisteria { color: #8e44ad; }
	.text-effect3 .belize { color: #2980b9; }
	.text-effect3 .pomegranate { color: #c0392b; }
	.text-effect3 .green { color: #16a085; }
	.text-effect3 .midnight { color: #2c3e50; }

/* texteffect4 */
	.text-effect4 .container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 100%; margin: 0 auto; }
	.navbar-default .text-effect4>li>a { padding:0; }

	/* button style from here */
	.text-effect4 .btn { display:flex; position: relative; display: inline-block; width: 220px; height:40px; margin:14px 0; line-height: 42px; text-align: center; text-decoration: none; color: #444; font-size: 0.95rem; font-weight: bold; background: #fff; transition: all 0.3s; text-transform:uppercase; cursor: pointer; user-select: none; box-sizing:inherit; border:none; justify-content:center; align-items:center; align-content:center; flex-wrap:wrap; }

	.text-effect4 #bg a { flex:1 1 auto; transition: all .2s ease-out; background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%); border:none; background-size:200% auto; }

	.text-effect4 #bg a * { color:#0076e7; }

	/* btn2 */
	.text-effect4 #bg a:hover { background-position: right center; /* change the direction of the change here */ }
	.text-effect4 .btn2 span::after, .text-effect4 .btn2 span::before, .btn2::after, .text-effect4 .btn2::before { content: ""; position: absolute; transition: all 0.2s; background-color: #0076e7; box-shadow:0 1px 10px #fff; }

	.text-effect4 .btn2::before { height: 2px; width: 0; top: 0; left: 0; transition-delay: 0.4s; }
	.text-effect4 .btn2::after { width: 2px; height: 0; top: 0; right: 0; transition-delay: 0.2s; }

	.text-effect4 .btn2 span::before { height: 2px; width: 0; bottom: 0; right: 0; transition-delay: 0.4s; }
	.text-effect4 .btn2 span::after { width: 2px; height: 0; bottom: 0; left: 0; transition-delay: 0.2s; }

	.text-effect4 .btn2:hover span::before, .text-effect4 .btn2:hover::before { width: 100%; transition: all 0.2s; }
	.text-effect4 .btn2:hover span::after, .text-effect4 .btn2:hover::after { height: 100%; transition: all 0.2s; }

	.text-effect4 .btn2:hover::after { transition-delay: 0.2s; }
	.text-effect4 .btn2:hover span::after { transition-delay: 0.2s; }
	.text-effect4 .btn2:hover { transition-delay: 0.4s; }


/* texteffect5 */
	.navbar-default .text-effect5>li>a { padding:0; }
	.text-effect5 .wrap {
	  text-align: center;
	}

	/* General styling for the links */
	.text-effect5 a { display: block; width:220px; height:40px; padding: 15px 30px; text-decoration: none; font-size: 18px; margin: 20px 0; }

	/* BUTTON 3 */
	.text-effect5 .btn3, .text-effect5 .btn3:link, .text-effect5 .btn3:visited { width:200px; margin: 14px 0; margin-right:30px; color: #333; font-size: 16px; line-height:40px; position: relative; border: 2px solid transparent; transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
	.text-effect5 .btn3:after, .text-effect5 .btn3:before, .text-effect5 .btn3:link:after, .text-effect5 .btn3:link:before, .text-effect5 .btn3:visited:after, .text-effect5 .btn3:visited:before { content: ""; width: 0; height: 40px; position: absolute; top: -2px; left:-10px; border: 1px solid #0076e7; transition: inherit; }
	.text-effect5 .btn3:after, .text-effect5 .btn3:link:after, .text-effect5 .btn3:visited:after { left: auto; right:-10px; }
	.text-effect5 .btn3:hover, .text-effect5 .btn3:link:hover, .text-effect5 .btn3:visited:hover { border-color: #0076e7; transition: border-color 0.2s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
	.text-effect5 .btn3:hover:after, .text-effect5 .btn3:hover:before, .text-effect5 .btn3:link:hover:after, .text-effect5 .btn3:link:hover:before, .text-effect5 .btn3:visited:hover:after, .text-effect5 .btn3:visited:hover:before { right: -2px; transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
	.text-effect5 .btn3:hover:before, .text-effect5 .btn3:link:hover:before, .text-effect5 .btn3:visited:hover:before { left: -2px; right: auto; }

/* texteffect6 */
	.navbar-default .text-effect6>li>a { padding:0; }

	.text-effect6 .content { width:220px; height:50px; margin:9px 10px; }
	#master { width:220px; height:50px; margin:0; font-size: 16px; line-height: 1; font-weight: bold; letter-spacing: 0; -webkit-font-smoothing: inherit; text-rendering: optimizeLegibility; position:relative; }

	#master>* { height:100%; line-height:50px; float:left; }
	#master>a { display:inline-blcok; width:100%; height:100%; position:absolute; top:0; left:0; z-index:9; }
	#master-container { background-color: #F5C59C; -webkit-animation: master-container-bg 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; animation: master-container-bg 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100vmin; min-height: 0; max-height: 100%; }

	#master-container .content { height: auto; margin-left: inherit; margin-right: inherit; }

	#master-container-scroller { height: 40px; margin-left:20px; overflow: hidden; position: relative; }

	#master-container-scroller .master-container-scroller_item { display: block; height:40px; -webkit-animation: scroll 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; animation: scroll 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }
	#master-container-scroller .master-container-scroller_item a { display:inline-block; width:100%; height:40px; line-height:40px; font-size:16px; }

	#master-container-scroller .master-container-scroller_item[href]:hover { text-decoration: underline; }

	  #master-container-scroller .master-container-scroller_item:nth-child(1), #master-container-scroller .master-container-scroller_item:nth-child(1) a { color: #E65F48; }

	  #master-container-scroller .master-container-scroller_item:nth-child(2), #master-container-scroller .master-container-scroller_item:nth-child(2) a { color: #349AB5; }

	#master-container-scroller .master-container-scroller_item:nth-child(3), #master-container-scroller .master-container-scroller_item:nth-child(3) a { color: #F09551; }


	@-webkit-keyframes scroll {
		0.0% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}
		33.33% {
			-webkit-transform: translateY(-40px);
			transform: translateY(-40px)
		}
		66.66% {
			-webkit-transform: translateY(-80px);
			transform: translateY(-80px)
		}
		100% {
			-webkit-transform: translateY(-0px);
			transform: translateY(-0px)
		}
	}

	/* 체크박스 css */
	.checks { position:relative; }
	.checks input {  }
	.checks input[type="checkbox"] { width:1px; height:1px; position:absolute; padding:0; margin:0; overflow:hidden; clip:rect(0,0,0,0); border:none; }
	.checks input[type="checkbox"] + label { display:inline-block; width:100%; position: relative; margin:0; padding-left:30px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; cursor:pointer; }
	.checks input[type="checkbox"] + label:before {	width:21px; height:21px; position:absolute; top:0; left:0; content:""; background:center center rgba(0,0,0,0); text-align: center; line-height:21px; border:1px solid #ccc; border-radius:3px; transition:all .2s; }
	.checks input[type="checkbox"]:checked + label:before { background:center center url('../img/add/check.png'); border-color:#0076e7; }

	/* roundBox */
	.text-effect6.roundBox .content { width:240px; border:1px solid #ddd; padding:10px 20px; border-radius:100px; box-shadow:0 1px 5px #ddd; }
	.roundBox #master { width:100%; height:100%; padding:0; }
	.roundBox #master>* { line-height:28px; }
	.roundBox #master-container-scroller { height:28px; }
	.roundBox #master-container-scroller .master-container-scroller_item { height:28px; -webkit-animation: scroll2 7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; animation: scroll2 7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }
	#master-container-scroller .master-container-scroller_item a { height:28px; line-height:28px; }

	@-webkit-keyframes scroll2 {
		0.0% {
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}
		33.33% {
			-webkit-transform: translateY(-28px);
			transform: translateY(-28px)
		}
		66.66% {
			-webkit-transform: translateY(-56px);
			transform: translateY(-56px)
		}
		100% {
			-webkit-transform: translateY(-0px);
			transform: translateY(-0px)
		}
	}



	/* headerStyle5 dropbtn */
	.headerStyle1.headerStyle5 .dropbtn { padding:0; margin:0; }
	.headerStyle5 .dropbtn .dropdown-content-top { position:relative; }
	.headerStyle1.headerStyle5 .dropbtn>div>a { display:inline-block; width:100%; height:100%; padding:0; font-weight:bold; }
	.headerStyle1.headerStyle5 .dropbtn>div>span { width: 0; height: 3px; position: absolute; bottom: -10px; left: 0; box-sizing: border-box; transition: all .2s; }
	.headerStyle1.headerStyle5 .dropbtn:hover>div>span { width:100%; margin:0; }
	.headerStyle1.headerStyle5 .dropdown-content { background-color:#fff; }
	.headerStyle5 .dropdown-content a { font-size:14px; }
	.navbar-default .navbar-brand { height:auto; }
	.logo { margin-right:0; }

/* header popup */
/* 로그인 팝업 */
.loginPop .modal-body a, .signupPop .modal-body a, .findpassPop .modal-body a, .privacyPop .modal-body a { font-weight:700; }
.loginPop { }
.loginPop .modal-dialog { width:400px; margin-top:100px; }
.loginPop .modal-content { border-radius:10px; overflow:hidden; }
.loginPop .modal-header { position:relative; padding:14px; background-color:#333; }
.loginPop .modal-header h4 { font-size:18px; color:#fff; line-height:18px; }
.loginPop .modal-body { padding:0;}
.loginPop .modal-body .close { display:inline-block; width:20px; height:20px; margin:auto; line-height:20px; position:absolute; top:16px; right:16px; font-weight:bold; opacity:1; text-shadow:none; opacity:.6; transition:all .2s; }
.loginPop .modal-body .close i { font-size:20px; color:#fff; }
.loginPop .modal-body .close:hover { transform:rotate(180deg); opacity:1; }
.loginPop .popTitle { width:100%; background:#333; padding:12px; text-align:center; font-size:20px; color:#fff; font-weight:bold; }
.loginPop .logimgBox { width:100%; background:#333; padding:25px 20px; }
.loginPop .logimgBox>* { width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff; }
.loginPop .logimgBox span { font-size:20px; font-weight:bold; color:#fff; }
.loginPop .logimgBox>.greeting { width:100%; margin:0 auto; margin-top:20px; padding:2px; background:rgba(0,118,231,.7); border-radius:40px; }
.loginPop .logimgBox img { width:50%; height:auto; }
.loginPop #form_signin { padding:15px; }
.loginPop .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border:none; box-shadow:none; background-image: none; }
.loginPop div.loginInput { width:100%; height:auto; border:1px solid #ddd; border-radius:4px; overflow:hidden; transition:all .2s; }
.loginPop div.loginInput:hover { border-color:rgba(30,30,30,.6); }
.loginPop div.loginInput>* { display:inline-block; height:40px; float:left; box-sizing:border-box; }
.loginPop .loginInput>img { width:auto; height:40px; background-color:#888; }
.loginPop .loginInput>input { width:calc(100% - 40px); }
.loginPop #form_signin .error { font-size:13px; color:red; }
.loginPop .btn { height:40px; margin-top:10px; background-color:#888; color:#fff; font-size:16px; transition:all .15s; }
.loginPop .btn:hover { background-color:#0076e7; }
.loginPop form.m_20 { margin-top:20px; }
.loginPop .modal-body p { margin:0; }
.loginPop .m_10 { margin-top:10px; }
.checkBox { display:inline-block; width:100%; margin-bottom:5px; padding:0 5px; }
.checkBox>* { width:50%; float:left; box-sizing:border-box; }
.checkBox>a { margin:0; text-align:right; color:rgba(0,118,231,.7); }
.checkBox>a:hover { text-decoration:underline; }
.checkBox .checks:hover>label { text-decoration:underline; }
.moveJoin span { color:#999; }
.moveJoin a { font-size:14px; transition:all .1s; }
.moveJoin a:hover { color:rgba(0,118,231,.7); text-decoration:underline; }

/* 비밀번호 찾기 팝업*/
.findpassPop #findpass { padding:15px; }
.findpassPop .modal-dialog { width:400px; margin-top:100px; }
.findpassPop .modal-content { border-radius:10px; overflow:hidden; }
.findpassPop .modal-header { position:relative; padding:14px; background-color:#333; }
.findpassPop .modal-header h4 { font-size:18px; color:#fff; line-height:18px; }
.findpassPop .modal-body { padding:0;}
.findpassPop .modal-body .close { display:inline-block; width:20px; height:20px; margin:auto; line-height:20px; position:absolute; top:16px; right:16px; font-weight:bold; opacity:1; text-shadow:none; opacity:.6; transition:all .2s; }
.findpassPop .modal-body .close i { font-size:20px; color:#fff; }
.findpassPop .modal-body .close:hover { transform:rotate(180deg); opacity:1; }
.findpassPop .popTitle { width:100%; background:#333; padding:12px; text-align:center; font-size:20px; color:#fff; font-weight:bold; }
.findpassPop .logimgBox { width:100%; background:#333; padding:25px 20px; }
.findpassPop .logimgBox>* { width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff; }
.findpassPop .logimgBox span { font-size:20px; font-weight:bold; color:#fff; }
.findpassPop .logimgBox>.greeting { width:100%; margin:0 auto; margin-top:20px; padding:2px; background:rgba(0,118,231,.7); border-radius:40px; }
.findpassPop .logimgBox img { width:50%; height:auto; }
.findpassPop #form_signin { padding:15px; }
.findpassPop .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border:none; box-shadow:none; background-image: none; }
.findpassPop div.loginInput { width:100%; height:40px; border:1px solid #ccc; border-radius:4px; overflow:hidden; transition:all .2s; }
.findpassPop div.loginInput:hover { border-color:rgba(30,30,30,.6); }
.findpassPop div.loginInput>* { display:inline-block; height:40px; float:left; box-sizing:border-box; }
.findpassPop .loginInput>img { width:auto; height:38px; background-color:#888; }
.findpassPop .loginInput>input { width:calc(100% - 40px); }
.findpassPop #form_signin .error { margin-top:5px; font-size:13px; color:red; }
.findpassPop .btn { height:40px; margin-top:10px; background-color:#888; color:#fff; font-size:16px; transition:all .15s; }
.findpassPop .btn:hover { background-color:#0076e7; }
.findpassPop .modal-body p { margin:0; }
.findpassPop .m_10 { margin-top:10px; }
.checkBox { display:inline-block; width:100%; margin-bottom:5px; padding:0 5px; }
.checkBox>* { width:50%; float:left; box-sizing:border-box; }
.checkBox>a { margin:0; text-align:right; color:rgba(0,118,231,.7); }
.checkBox>a:hover { text-decoration:underline; }
.checkBox .checks:hover>label { text-decoration:underline; }
.moveJoin span { color:#999; }
.moveJoin a { font-size:14px; transition:all .1s; }
.moveJoin a:hover { color:rgba(0,118,231,.7); text-decoration:underline; }

/* 회원가입 팝업 */
.signupPop { }
.signupPop .modal-dialog { width:400px; margin-top:100px; }
.signupPop .modal-content { border-radius:10px; overflow:hidden; }
.signupPop .modal-header { position:relative; padding:14px; background-color:#333; }
.signupPop .modal-header h4 { font-size:18px; color:#fff; line-height:18px; }
.signupPop .modal-body { padding:0;}
.signupPop .modal-body .close { display:inline-block; width:20px; height:20px; margin:auto; line-height:20px; position:absolute; top:16px; right:16px; font-weight:bold; opacity:1; text-shadow:none; opacity:.6; transition:all .2s; }
.signupPop .modal-body .close i { font-size:20px; color:#fff; }
.signupPop .modal-body .close:hover { transform:rotate(180deg); opacity:1; }
.signupPop .popTitle { width:100%; background:#333; padding:12px; text-align:center; font-size:20px; color:#fff; font-weight:bold; }
.signupPop #form_signin { padding:15px; }
.signupPop .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border:none; box-shadow:none; background-image: none; }
.signupPop div.loginInput { width:100%; height:40px; border:1px solid #ccc; border-radius:4px; overflow:hidden; transition:all .2s; }
.signupPop div.loginInput:hover { border-color:rgba(30,30,30,.6); }
.signupPop div.loginInput>* { display:inline-block; height:40px; float:left; box-sizing:border-box; }
.signupPop .loginInput>img { width:auto; height:38px; background-color:#888; }
.signupPop .loginInput>input { width:calc(100% - 40px); }

.signupPop div.loginInput>* { display:inline-block; height:40px; float:left; box-sizing:border-box; }
.signupPop div.loginInput>.cert_box { display:inline-block; width:100%; float:left; }
.signupPop div.loginInput>.cert_box>* { display:inline-block; height:38px; float:left; box-sizing:border-box; line-height:38px; }
.signupPop .loginInput>.cert_box>img { width:auto; height:38px; background-color:#888; }
.signupPop .loginInput>.cert_box>input { width:calc(100% - 88px); padding:0 10px; border:none; }
.signupPop .loginInput>.cert_box>.btn { width:50px; margin:0; padding:0; border-radius:0 4px 4px 0; text-align:center; line-height:36px; }
.signupPop .loginInput>.cert_box.cert_box_recert>input { width:calc(100% - 98px); }
.signupPop .loginInput>.cert_box.cert_box_recert>.btn { width:60px; }
.signupPop div.loginInput + .time_view { display:inline-block; width:100%; margin:5px 0 10px; text-align:center; float:left; }
.signupPop div.loginInput + .cert_complete { display:inline-block; width:100%; margin:5px 0 10px; text-align:center; float:left; }
.signupPop div.loginInput + .time_view span { color:#f00; }

.signupPop #form_signin .error { margin-top:5px; font-size:13px; color:red; }
.signupPop .btn { height:40px; margin-top:10px; background-color:#888; color:#fff; font-size:16px; transition:all .15s; }
.signupPop .btn:hover { background-color:#0076e7; }
.signupPop form.m_20 { margin-top:20px; padding:15px; }
.signupPop .modal-body p { margin:0; }
.signupPop .m_10 { margin-top:10px; }
.checkBox { display:inline-block; width:100%; margin-bottom:5px; padding:0 5px; }
.signupPop .checkBox>* { width:50%; text-align:right; float:left; box-sizing:border-box; }
.signupPop .checkBox>a { margin:0; text-align:left; color:rgba(0,118,231,.7); }
.checkBox>a:hover { text-decoration:underline; }
.signupPop .checks>#tosAgree[type="checkbox"] + label { width:auto; }
.signupPop .checks>#terms_agree[type="checkbox"] + label { width:auto; }
.checkBox .checks:hover>label { text-decoration:underline; }
.moveJoin span { color:#999; }
.moveJoin a { font-size:14px; transition:all .1s; }
.moveJoin a:hover { color:rgba(0,118,231,.7); text-decoration:underline; }

/* 개인보호정책 팝업 */
.privacyPop {}
.privacyPop .modal-dialog { width:60%; margin-top:100px; }
.privacyPop .modal-content { border-radius:10px; overflow:hidden; }
.privacyPop .modal-header { position:relative; padding:14px; background-color:#333; }
.privacyPop .modal-header h4 { font-size:18px; color:#fff; line-height:18px; }
.privacyPop .modal-body { padding:0; }
.privacyPop .modal-body .close { display:inline-block; width:20px; height:20px; margin:auto; line-height:20px; position:absolute; top:16px; right:16px; font-weight:bold; opacity:1; text-shadow:none; opacity:.6; transition:all .2s; }
.privacyPop .modal-body .close i { font-size:20px; color:#fff; }
.privacyPop .modal-body .close:hover { transform:rotate(180deg); opacity:1; }
.privacyPop .popTitle { width:100%; background:#333; padding:12px; text-align:center; font-size:20px; color:#fff; font-weight:bold; }
.privacyPop #privacy_view { width:100%; height:500px; padding:20px; overflow-y:auto; word-break:keep-all; white-space:pre-wrap; resize:none; }
.privacyPop .privacy { padding:15px; }

/* nav menu_sign 부분 */
#menuTopFront .menu_sign .dropdown-toggle { color:#333; }
.menu_sign .dropdown.active.open > .dropdown-toggle { background-color:rgba(255,255,255,0); }
.menu_sign .dropdown > .dropdown-toggle { background-color:rgba(255,255,255,0); }
.menu_sign .open>a, .menu_sign .open>a:focus, .menu_sign .open>a:hover { background-color:rgba(255,255,255,0); color:#0076e7; }
.menu_sign .dropdown-menu { display:none; width:150px; min-width:auto; margin:0; padding:0;
	/* border:1px solid rgba(0,0,0,.1);  */
	border-radius:0 0 4px 4px; left:inherit; right:10px; overflow:hidden; box-shadow:0 0px 10px rgba(0,0,0,.2); }
.menu_sign .open>.dropdown-menu { display:inline-block; }
	.menu_sign .open>.dropdown-menu li:not(:last-child) { border-bottom:1px solid #eee; background-color:#fff; }
	.menu_sign .open>.dropdown-menu li:last-child { background-color:#aaa; color:#fff; }
		.menu_sign .open>.dropdown-menu li:last-child a { color:#777; }
	/* .menu_sign .open>.dropdown-menu li:hover:not(last-child) a { background-color:rgba(0,118,231,.1); } */
	/* .menu_sign .open>.dropdown-menu li:last-child a:hover { background-color:#0076e7; color:#fff; } */
	.menu_sign .dropdown-menu>li>a { padding:6px 10px; text-align:center; }
.menu_sign .dropdown-menu .divider { height:0; margin:0; }

.navStyle2.navWidth .dropdown-menu, .navStyle3.navWidth .dropdown-menu, .navStyle5.navWidth .dropdown-menu { top:160%; right:0; }
.navStyle2.navWidth .dropdown-menu, .navStyle5.navWidth { width:100%; }
.navStyle4 .caret, .navStyle5 .menu_sign .caret { color:#fff !important }
.navStyle5 .menu_sign>li>a { color:#fff; }
.navStyle5 .menu_sign .open>a, .navStyle5 .menu_sign .open>a:focus, .navStyle5 .menu_sign .open>a:hover { color:#fff; }

/* .dropdown-menu.side>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: rgba(0,175,253,.2); }
.dropdown-content a:hover {background-color: rgba(0,175,253,.2);} */


/* 2019_08_26 추가 */
.dropdown-content a { padding:8px 16px; }
.menu_sign .dropdown-menu { width:150px !important; }
.navbar-toggle { width:34px; height:34px; padding:7px; border-radius:100px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#f8f8f8; }
.navbar-toggle .icon-bar { width:18px; }
.navbar-header a.main_color { width:34px; height:34px; padding:5px; border-radius:100px; }
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 25px; }

#menuTopFront .dropdown-menu>li>a { font-weight:bold; }

.menu_sign .open .dropdown-menu {
  /*  display: inline-block;*/
	display: block;
}




/* 남선화 반응형 추가 */

@media (min-width: 992px){
	.navbar-right~.navbar-right { width:auto; margin:0 auto;}
	.text-effect6.roundBox .content { margin:9px 0; }
  .navbar{ height: 70px; }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 25px; }
}

@media (max-width: 1480px){
	.headerStyle5.navbar-default .navbar_line.navbar-nav>li { padding-top:16px; padding-bottom:16px; }
	.navbar { height:55px; }
	.text-effect6.roundBox .content { padding:4px 20px; }
	.text-effect6 .content { height:36px; }
	.navbar-default .navbar-nav>li>a { padding:18px 16px; font-size:16px; font-weight:bold; line-height:18px; }
	.headerStyle1.headerStyle5 .dropbtn>div>span { bottom:-5px; }
	#header_menu .dropdown-content { top:30px; }
	#header_menu .navbar-toggle { margin-right:0; }
	.dropbtn .dropdown-content-top a { height:54px; padding:16px 0; }
}


@media (max-width: 991px) {
	.navbar-header { width:100%; }
	.text-effect6.roundBox .content { width:calc(100% - 30px) ; height: 50px; box-sizing: border-box; margin:9px 15px; padding: 11px 16px; }
	.navbar-nav li .master-container-scroller_item a { padding:0; }
	.roundBox #master>* { height:29px; }
	.menu_sign.navbar-nav { width:100%; margin:7.5px 0; }
	.menu_sign .caret { width: 10px; margin: auto; height: 5px; position: absolute; right: 15px; top: 0; bottom: 0; }

	.navbar-offcanvas { padding:0; overflow-x:hidden; overflow-y:auto; }
	.navbar-nav li .dropdown-toggle { padding-top:14px; padding-bottom:14px; }
	.nav .open>.dropdown-toggle, .nav .open>.dropdown-toggle:focus, .nav .open>.dropdown-toggle:hover { border-color:#ddd; }
	.text-effect6.roundBox .content { width:calc(100% - 30px) ; height: 50px; box-sizing: border-box; margin:9px 15px; padding: 11px 16px; }
	.navbar-nav li .master-container-scroller_item a { padding:0; }
	.roundBox #master>* { height:29px; }
	.menu_sign.navbar-nav { width:100%; margin:0; }
	.menu_sign .caret { width: 10px; margin: auto; height: 5px; position: absolute; right: 15px; top: 0; bottom: 0; }
	.menu_sign .dropdown-menu { border-radius:0; }
	.navbar-nav li.dropdown.open .dropdown-menu { width:90% !important; margin-left:5% !important; margin-right:5% !important; border:1px solid #ddd; }
	.navbar-nav li.dropdown.open .dropdown-menu { width:100% !important; margin:0 !important; border:none; border-top:1px solid #ddd; box-shadow:0 1px 3px #ddd; z-index:11; }
	.head_contact.roundBox { width:100%; margin:7.5px 0; }

	.headerStyle1.headerStyle5 .navbar-nav.menu_sign { position:absolute; bottom:0; left:0; z-index:999; background:#fff; border-top:4px double #ccc; }
	.navbar-nav.menu_sign>li { width:100%; float:left; }
	.navbar-nav.menu_sign>li a { text-align:center; padding-top:10px; padding-bottom:10px; }

	#header_menu.navbar-nav { margin:0; border-bottom:4px double #ccc; overflow-x:hidden; overflow-y:auto; }
	#header_menu.navbar-nav:first-child { margin-top:50px; }
	.navbar-nav li .dropdown-content-top a { padding:0; font-size: 15px !important; font-weight: bold; }
	.headerStyle5.navbar-default .navbar_line.navbar-nav>li { padding:10px 15px; }
	.headerStyle5.navbar-default .navbar_line.navbar-nav>li.main_color { padding:0 15px; }
	.headerStyle5.navbar-default .navbar_line.navbar-nav>li:first-child { padding-bottom:0; position:fixed; top:0; left:-250px; }
	.headerStyle5.navbar-default .navbar_line.navbar-nav>li:nth-child(2) { margin-top:2px !important; }
	.headerStyle5.navbar-default .navbar-nav>li:not(:last-child) { border-bottom:1px dashed #dfdfdf; }
	.headerStyle5.navbar-default .in .navbar_line.navbar-nav>li:first-child { left:0; box-shadow: 0 2px 3px #ddd; }

	#master-container-scroller { width:calc(100% - 56px); margin-left:8px; }
	#slide_menu .navbar-nav li .dropdown-toggle { height:40px; padding-top:10px; padding-bottom:10px; }

	#header_menu.navbar-nav .open .dropdown-menu>li>a { text-align:left; }
	#header_menu.navbar-nav .open .dropdown-menu>li>a:before { content:'* '; }
	#header_menu.navbar-nav .open .dropdown-menu>li>a { padding:8px 25px; }
	li.dropdown>ul.dropdown-menu>li:not(:last-child) { border-bottom:1px dashed #dfdfdf; }
	.clearfix .dropdown-menu.side>li:not(:last-child) { border-bottom:none; }
	.clearfix .dropdown-menu.side>li>a { border-top:none; border-bottom: 1px solid #000;}
	#header_menu.navbar-nav>li.dropdown>.dropdown-toggle { border-bottom:1ox dashed #dfdfdf !important; }
	#header_menu.navbar-nav>li.dropdown.active:not(.open) { border-bottom:1px dashed #dfdfdf
		!important; }
	#header_menu.navbar-nav li.dropdown.open .dropdown-menu { text-shadow:0 0 0 rgba(0,0,0,0); border-bottom:1px solid #dfdfdf; box-shadow:none; }
	.menu_sign.navbar-nav>li:not(:last-child) { border:none; border-bottom:1px dashed #ddd; }
	.head_contact.roundBox { margin:0; }
	.navbar-nav li a { padding:10px 16px; }
	/* .slick-slide { padding:10px; } */
	.container-fluid {}

	/* 190829 추가 */
	.loginPop .modal-dialog, .signupPop .modal-dialog, .findpassPop .modal-dialog, .privacyPop .modal-dialog { width: calc(100% - 20px); }

	/* 190830 추가 */
	.h-54px { height:54px !important; }
	.navbar-offcanvas>.nav:first-child { border-bottom:1px solid #ddd; }
	.navbar-nav.menu_sign>li:last-child { border-bottom:1px solid #ddd; }
	/* .headerStyle1.headerStyle5 .navbar-nav>.active { border-bottom:none !important; } */
	#menuTopFront .menu_sign * { text-align:left; background-color:#fff; } /* backgorund-color:#fff 추가 191001 */
	#menuTopFront .navbar-nav.menu_sign>li:last-child { border-bottom:1px solid #ddd !important; }
	#menuTopFront .menu_sign .dropdown-toggle { border-top:1px solid #ddd !important; }


	/* 190902 추가 */
	.headerStyle1.headerStyle5 .navbar_line.navbar-nav>.active span { display:none; width:0% !important; }
	.headerStyle1.headerStyle5 .dropbtn:hover>div>span { display:none; }
	.headerStyle1.headerStyle5 .navbar_line.navbar-nav>li:hover:not(.active)>span { display:none;}

	/* 191001 추가 */
	/* 191004 추가 */
	/* .headerStyle1.headerStyle5 .navbar-nav>li>a { padding:10px 16px; } */
	.headerStyle1.headerStyle5 #header_menu.navbar-right>li>a { padding:10px 16px;}
	.headerStyle1.headerStyle5 #header_menu.navbar-line>li>a { padding:10px 16px;}
	.headerStyle1.headerStyle5 .menu_sign .open>.dropdown-menu li:last-child a { color:#777; }
	.headerStyle1.headerStyle5 .navbar-nav.menu_sign { box-shadow:0 1px 5px rgba(0,0,0,.2); }
	.headerStyle5.navbar-default #slide_menu>.navbar_line.navbar-nav>li { padding:10px 15px; }
	.headerStyle1.headerStyle5 #header_menu_logo { padding:0 15px !important; }

	.headerStyle1.headerStyle5 { height:50px; }


}

/* 190905 추가_남 */
/* 190905 추가 */
input#address_detail::placeholder {
	font-size:12px;
}
input#address_detail::-webkit-input-placeholder {
	font-size:12px;
}
input#address_detail:-ms-input-placeholder {
	font-size:12px;
}

/* 190909 추가 */
@media (max-width: 991px) {
	.navbar-header .navbar-toggle { z-index:10; margin-right:0; }
	.item_view .slick-prev, .item_view .slick-next { z-index:3; }
	/* #modal-item #modal_item_content { min-height:inherit; height:610px; overflow-y:auto; } */
	/* #modal-item .item_modal_zone { margin-bottom:0; } */
	/* .modal-content { overflow:auto !important; } */
	/* .mobile_btn_box { width:100%; position:fixed; bottom:0; left:0; z-index:10; }
	#modal-item .mobile_btn_box { position:fixed; bottom:0; left:0; z-index:10; } */
	/* #modal-item .panel.panel-default { margin-bottom:100px; } */
	.mobile_back_btn { width:34px; height:34px; margin-left:0; padding:0; border:none; }
	.mobile_back_btn i { display:inline-block; width:34px; height:34px; border:1px solid #ddd; border-radius:40px; line-height:32px; font-family:'Font Awesome 5 Pro' !important; text-align:center; font-size:16px; float:left; }
	.mobile_home_btn { width:34px; height:34px; margin-left:44px; padding:0; border:none; }
	.mobile_home_btn i { display:inline-block; width:34px; height:34px; border:1px solid #ddd; border-radius:40px; line-height:32px; font-family:'Font Awesome 5 Pro' !important; text-align:center; font-size:16px; float:left; }

	/* 190911 추가 */
	#header_menu.navbar-nav li.dropdown .dropdown-menu { display:block; width: 100% !important; margin: 0 !important; border: none; border-top: 1px solid #ddd; box-shadow: 0 1px 3px #ddd; z-index: 11; text-shadow: 0 0 0 rgba(0,0,0,0); border-bottom: 1px solid #dfdfdf; box-shadow: none; position: static; float: none; }
	#header_menu.navbar-nav .dropdown-menu>li>a { padding: 8px 25px; }
	#header_menu.navbar-nav .dropdown-menu>li>a:before { content:'* '; }
}