/*
*	Theme Name: 2000SOL
*	Author: Sangok Lee
*	Version: 1.0
*	License URL: https://www.designersol.co.kr
*/

@charset "utf-8";
@font-face {
	font-family: 'NotoSans Regular';
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/NotoSans-Regular.woff) format('woff')
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot);
    src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype')
}
@media (max-width: 991px) {
	body,
	.xe_content {font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
}
@media (min-width: 992px) {
	body,
	.xe_content {font-family: '나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;}
}

a, 
a:hover, 
a:focus, 
a:hover {text-decoration: none; outline: 0}
ul {padding:0; margin:0; list-style: none}
button {cursor:pointer}

/* Wrap */
html,
body {background-color:#efefef}
.Wrap {
	position:relative;
	max-width:1920px;
	margin:0 auto;
	background-color:#efefef
}
@media (min-width: 992px) {
	.mainLeft {padding:0 225px 0 25px}
	.mainRight {padding:0 25px 0 225px}
}

/* Side */
#sideWrap {
	position:fixed;
	top:0;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:1004;
    	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-sizing:border-box
}
#sideWrapBg {
	display:none;
    	position: fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index: 1003;
	cursor: pointer
}
#sideWrapBg.bgOpen{
	display:block;
	display:-webkit-box
}
#sideWrap.sideRight,
#sideWrap.sideLeft {border-right:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1)}
@media (max-width: 991px) {
	#sideWrap {
		top:60px;
		width:290px;
		padding-bottom:100px
	}
	#sideWrapBg {top:60px}
	#sideWrap.sideRight {right:-290px}
	#sideWrap.sideRight.menuOpen {right:-1px}	
	#sideWrap.sideLeft {left:-290px}
	#sideWrap.sideLeft.menuOpen{left:-1px}
}
@media (min-width: 992px) {
	#sideWrap {
	    	display: -ms-flexbox;
	    	display: flex;
	    	-ms-flex-wrap: wrap;
	    	flex-wrap: wrap;		
		top:0; 
		width:200px;
		padding:60px 0
	}
	#sideWrapBg {top:0}
	#sideWrap.sideRight {right:0}
	#sideWrap.sideLeft {left:0}
	#sideWrapBg.bgOpen {display:none}
}
@media (min-width: 1921px) {
	#sideWrap.sideRight {right: calc(50% - 960px)}
	#sideWrap.sideLeft {left: calc(50% - 960px)}
}

/* sideLogin */
.sideLogin {padding:20px;background-color:#ccc}
.sideLogin .nav-link {color:#333}
.sideLogin .dropdown-menu {margin-top:-1px; margin-left:-1px}
.sideLogin .sidesearchWrap {margin-top:10px}
.sideLogin .sidesearchWrap input[type="text"] {
	border:1px solid #333;
	background: #333;
	font-size:14px;
	color:#fff
}
.sideLogin .sidesearchWrap .form-control {
    padding: .25rem .5rem;
    line-height: 1.5;
    box-sizing: border-box;
}

/* sideNav */
#sideNav {display:block}
#sideNav .nav-link {
	line-height:18px;
	font-size:14px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	overflow: hidden
}
#sideNav li a p {
	margin:0;
	float:left;
	box-sizing:border-box
}
#sideNav li a:hover,
#sideNav li a:focus,
#sideNav .active > a { background:rgba(0,0,0,0.05)}
#sideNav .collapse {display: none}
#sideNav .collapse.in {display: block; background-color:rgba(0,0,0,0.05);}
.sideMenu {width:90%; padding-right:15px}
.sideIcon {width:10%}
.fa.arrow,
.fa.plus-minus {
	float:right;
	font-size:10px;
	line-height:18px;
  	-webkit-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}
.fa.arrow:before {content: "\f078"}
.active > a .fa.arrow {content: "\f077"}
.fa.plus-minus:before {content: "\f067"}
.active > a .fa.plus-minus:before {content: "\f068"}
.active > a .fa.arrow, 
.active > a .fa.plus-minus {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);	
} 
@media (max-width: 991px) { 
	#sideNav {padding-top:15px}
	#sideNav li a {padding:14px 20px 14px 20px}
	#sideNav li > ul > li >  a {padding:14px 20px 14px 40px}
	#sideNav li > ul > li > ul > li > a {padding:14px 20px 14px 60px}
}
@media (min-width: 992px) {
	#sideNav li a {padding:10px 20px 10px 20px}
	#sideNav li > ul > li >  a {padding:10px 20px 10px 40px}
	#sideNav li > ul > li > ul > li > a {padding:10px 20px 10px 60px}
}

/* sideBottom */
.sideBottom {margin:20px 20px 0}
.arrowDown {
	position: absolute;
	left:0;
	right:0;
	bottom:-8px;
	margin-left:auto;
	margin-right:auto;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
}
.sideContact {padding:2px 0}
.sideContact .fa,
.sideContact span {display:block; float:left; box-sizing:border-box}
.sideContact span {
	word-wrap: break-word;
	word-break: break-all;
	font-size:13px;
	line-height:20px;
}
.sideContact .fa {width:25px; font-size:20px}
.ArrowDown {
	position: absolute;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
@media (max-width: 991px) {.sideContact span {width:200px}}
@media (min-width: 992px) {
	.sideTop {-ms-flex-item-align: start !important; align-self: flex-start !important}
	.sideBottom { width:100%; -ms-flex-item-align: end !important; align-self: flex-end !important}	
	.sideContact span {width:125px}
}

/* toggleWrap */
.toggleWrap > a {
	position:absolute;
	right:50px;
	padding:21px 10px 21px;
	color:#313340
}
.toggleWrap > a > .fa {font-size:16px}
.bTnToggle {
	position: relative;
	width:26px;
	margin-top:-2px
}
.Toggles {
	padding:30px 10px;
	cursor:pointer
}
.toggleBar {
	position:absolute;
	left:0;
	width:26px;
	height:3px;
	background-color:#333;
    	transition-duration: 0.2s
}
.toggleBar:before,
.toggleBar:after {
	content:"";
	position:absolute;
	left:0;
	width:26px;
	height:3px;
	background-color:#333;
	transition-duration: 0.2s
}
.toggleBar:before {top:-8px}
.toggleBar:after {top: 8px}
.toggleBar.active {width:0}
.toggleBar.active:after {
  	top: 0px;
 	 transform: rotate(45deg);
  	-webkit-transform: rotate(45deg)
}
.toggleBar.active:before {
  	top: 0px;
 	 transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg)
}

/* Head */
.Head {
	position: -webkit-sticky;
	position: sticky;
	top:0;
	left:0;
	background-color:#fff;
	z-index: 50;
}
.Head .Logo {margin:0}
.Head .Logo > a {
    	display: -ms-flexbox;
    	display: flex;
	font-family:'NotoSans Regular'; 
	font-weight:bold;
	max-width: 450px;
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis	
}
.headMenu ul > li > a {color:#aaa;}
.headMenu ul > li > a > .fa {
	font-size:14px;
	line-height: 14px;
}
.navLogin .dropdown-menu {border-radius:0;margin:0}
.navLogin .dropdown-item {padding:5px 15px}
.navLogin > li {box-sizing: border-box}
.navLogin > li > a {text-align: center}
.navLogin li a {
	font-size:13px;
	 line-height: 13px
}
.headMenu > .navLogin > li {border-right:1px solid #ccc}
.headMenu > .navLogin > li:last-child {border-right:0}
.headMenu > .navLogin > li > a {padding:0 15px}
.sideLogin > .navLogin > li {border-right:1px solid #333}
.sideLogin > .navLogin > li:last-child {border-right:0}
.searchWrap .form-control,
.sidesearchWrap .form-control {font-size:14px}
.searchWrap {
	width:200px;
	right:100%;
	z-index:51;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	position: absolute;
	top:-11px
}
.searchShow {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.searchWrap .form {width:198px}
.searchWrap .form-control {
	padding: 9px 15px;
	color: #fff;
	font-size: 14px;
	border: 1px solid #ccc;
	background-color: #313340;
	box-sizing: border-box
}
.headMenu ul > li > a.changeColor {color:#313340}
 
@media (max-width:991px) {
	.Head {
		border-bottom:1px solid #ddd;
		-webkit-box-shadow: 0px 0px 30px -2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 30px -2px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 30px -2px rgba(0, 0, 0, 0.2);
	}
	.Head > .row {height:60px}
	.Head .Logo {padding-left:10px;font-size:22px}
	.Head .Logo > a > img {max-height:35px}
	.Head .headMenu {padding-right:10px;}
}
@media (min-width:992px) {
	.Head {border:1px solid #ddd; border-top:0;}
	.Head > .row {height:80px}
	.Head .Logo {padding-left:20px; font-size:32px}
	.Head .Logo > a > img {max-height:60px}
	.Head .headMenu {padding-right:20px; position: relative}
}

/* CS */
.CS {margin-bottom:10px}

/* mainCarousel */
#mainCarousel .owl-item .owlbg {
	background-position: center!important;
	background-repeat: no-repeat;
	background-size: cover;
}
#mainCarousel .caption {
	width:100%; 
	height:inherit;
}
#mainCarousel .d-table-cell {padding:0 40px; text-align:center}
#mainCarousel h1, 
#mainCarousel p {position: relative; margin:0}
#mainCarousel p {font-size:18px}
#mainCarousel h1 {font-family:'NotoSans Regular'; font-weight:bold}

/* owl-controls */
.owl-page span {
	display: block;
	width: 6px;
	height: 6px;
	margin: 0 8px;
	border-radius:50%;	
}
#mainCarousel .owl-controls {position:absolute; right:20px; bottom:20px}
.owl-pagination,
.owl-buttons {display:table-cell; vertical-align: middle}
#mainCarousel .owl-page span {background-color:#fff}
#mainCarousel .owl-page.active span, 
#mainCarousel .owl-page:hover span {background-color: #ff6666}
.owl-buttons > div {padding:0 10px; float:left}
.owl-prev .fa, 
.owl-next .fa {font-size:34px}
#mainCarousel .owl-prev .fa, 
#mainCarousel .owl-next .fa {color:#fff}

/* Owl Carousel */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {float: left}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}

/* Owl Carousel owl-controls */
.owl-controls .owl-page,
.owl-controls .owl-buttons div {cursor: pointer}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

/* Owl Carousel Transitions */
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/* Service */
.Service .thumb {
	background-position: center!important;
	background-repeat: no-repeat;
	background-size: cover;
}
.Service {background-color:#fff}
.Service .cntL,
.Service .cntR {display:block; box-sizing: border-box; color:#333}
.Service .cntL {margin-right:5px}
.Service .cntR {margin-left:5px}
.Service .thumbWrap {overflow: hidden}
.Service .cnts {padding:0 10px}
.Service .cnts > h1 {
	width:95%;
	margin:20px 0 15px;
	font-family:'NotoSans Regular'; 
	font-weight:normal;
	letter-spacing:-1px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.Service .cnts > p {
	margin:0;
	font-size:14px;
	line-height:22px;	
	overflow: hidden;
	text-align:justify
}
.Container {padding:10px 0}
@media (max-width: 575px) {.Service .thumb {height:120px}}
@media (min-width: 576px) {.Service .thumb {height:190px}}
@media (min-width: 1200px) {
	.Service .thumb {height:150px}
	.Service .cnts > p {max-height:87px}
}
@media (min-width: 1600px) {.Service .thumb {height:170px}}
@media (max-width: 991px) {
	.CS {border-bottom:1px solid rgba(0,0,0,0.1); margin-top:-10px}
}
@media (min-width: 992px) {
	.CS {border:1px solid rgba(0,0,0,0.1)}
}
@media (max-width: 1199px) {
	.Service .cnts > p {padding-bottom:20px}
}
@media (min-width: 1200px) {.owl-carousel .owlbg {height:350px}}
@media (min-width: 1500px) {.owl-carousel .owlbg {height:400px}}

/* VL */
.VL {margin-bottom:10px}
.VL .d-table-cell {padding:0 10px}
.Vslide .postTitle {
	overflow:hidden;
	font-size:16px;
	font-family:'NotoSans Regular'; 
	font-weight:normal;
}
.VL .justLink {text-align:center}
.VL .justLink a {
	display:block;
	font-size:16px;
	overflow:hidden;
}
.vert .carousel-item-next.carousel-item-left, 
.vert .carousel-item-prev.carousel-item-right {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
	-webkit-transform: translate(0,-100%);
			  transform: translate(0,-100%);
}
@media (max-width: 1199px) {
	.Vslide,
	.justLink {border:1px solid rgba(0,0,0,0.1)}
	.VL .justLink {margin-top:2px}
	.VL .d-table-cell {height:80px}
}
@media (min-width: 1200px) {
	.VL .d-table-cell {height:70px}
	.VL{border:1px solid rgba(0,0,0,0.1)}	
}
@media (max-width: 991px) {.VL,.cntArea {margin-left:10px; margin-right:10px}}

/* cntArea */
.asideContent {
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.1);
	height: calc(100% - 2px)
}
.mainContent {
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.1)
}
h2.pageTitle > a {
	font-family:'NotoSans Regular'; 
	font-weight:normal;
	color:#333;
	letter-spacing: -1px
}
.Articles {margin-bottom:40px}
.Articles:last-child {margin-bottom:0}
@media (max-width: 575px) {
	.Service,
	.asideArticle,
	.mainContent,
	footer {padding:10px}
	.Service .cnts > h1,
	h2.pageTitle > a {font-size:18px;line-height:18px}
	h2.pageTitle {margin-top:20px;margin-bottom:20px}
}
@media (min-width: 576px) {
	.Service,
	.asideArticle,
	.mainContent,
	footer {padding:25px}
	.Service .cnts > h1,
	h2.pageTitle > a {font-size:20px;line-height:20px}
	h2.pageTitle {margin-top:20px; margin-bottom:30px}
}
@media (min-width: 1200px) {
	.Service,
	.mainContent,
	.asideArticle,
	footer {padding:20px}
	.order-xl-1 > .asideContent {margin-right:10px}
	.order-xl-12 > .asideContent {margin-left:10px}
}
@media (min-width: 1500px) {
	.Service,
	.mainContent,
	.asideArticle,
	footer {padding:40px}
	.Service .cnts > h1,
	h2.pageTitle > a {font-size:26px;line-height:26px}
}
@media (min-width: 1600px) {
	.Service .cnts > h1,
	h2.pageTitle > a {font-size:28px;line-height:28px}
}
@media (max-width: 1199px) {.mainContent {margin-bottom:10px}}

/* loginWidget */
.form-group,
.loginWidget .login-body input {box-sizing:border-box}
.loginWidget,
.login-bg {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.loginWidget {z-index: 1050}
.login-bg {
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .7
}
.login-wrapper {
	position:relative;
	display:table;
	width:100%;
	max-width:700px;
	height:100%;
	margin:auto
}
.login-container {
	display:table-cell;
	vertical-align: middle
}
.login-content {
	padding:15px;
	background: #fff
}
.login-outline {
	padding:30px 80px;
	border:1px solid #e8e8e8;
}
.login-header,
.login-body {text-align:center}
.loginWidget .close:focus {outline: none}
.login-header h1 {
	margin:0;
	font-size:25px;
	text-align:center
}
.loginWidget .form-group {
	display:block;
	text-align:left;
	margin-bottom:0
}
.loginWidget .form-group .form-control {
	padding:6px 12px;
	height:34px;
	font-size:14px;
	line-height:1.42857143;
}
.loginWidget .login-check {
	margin:5px 0;
	line-height:20px;
	height:20px;
	text-align:right
}
.login-body label {
	display:inline-block;
	max-width:100%;
	margin-bottom:5px;
	font-weight:400;
	font-size:13px
}
.loginWidget label a {color:#666}
.bTnLogin {
	padding:10px 0;
	width:100%;
	color:#fff;
	background-color:#bbb;
	border:0;
	font-size:16px
}
.bTnLogin:hover {
	color:#fff;
	background-color:#999
}
.loginWidget .message {
	margin: 10px 0 0 0;
	border-radius:0
}
.loginWidget .message p {
	margin:5px 0!important; 
}
@media (max-width: 767px) {
	.login-content {margin:0 15px}
	.login-outline {padding:15px}
	.loginWidget .close {margin:15px 40px 0 0; font-size:40px}

	.loginWidget .form-group {width:100%; margin-bottom:10px}
	.loginWidget .form-group .form-control {width:100%}

}
@media (min-width: 768px) {
	.loginWidget .close {margin:20px 30px 0 0; font-size:50px}
	.login-header,
	.login-body {padding:10px 0}

	.loginWidget .form-group {float:left; width:50%}
	.loginWidget .form-group.cnt-l {padding-right:1px}
	.loginWidget .form-group.cnt-r {padding-left:1px}
	.bTnLogin {margin-top:10px}
}

/* slick-slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding-bottom:40px;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	margin: 0 5px
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

/* Arrows */
.slick-arrow {
	position:absolute;
	bottom:0;
	cursor: pointer;
	font-size:34px;
	padding:0 10px;
	z-index: 1
}
.slick-arrow.fa-angle-right {right:20px}
.slick-arrow.fa-angle-left {right:54px}

/* dot */
.slick-dots {
	position: absolute;
	bottom:10px;
	right:80px
}
.slick-dots::after{
  display: block;
  clear: both;
  content: "";	
}
.slick-dots li {
	display:inline-block;
	padding:0 10px
}
.slick-dots li span {
	display: block;
	float: left;
	font-size: 0;
	width: 6px;
	height: 6px;
	border-radius:50%;
	background-color: #333;
	color: transparent;
	text-indent: -9999px;
	cursor: pointer
}
.slick-dots li span:hover, .slick-dots .slick-active span {background-color: #ff6666;}

/* Foot */
footer {background-color:#333}
footer .cnts {padding:0 20px 40px 0}
footer h3,
footer h1 {
	margin:0 0 10px 0;
	font-family:'NotoSans Regular';
	font-weight:normal 
}
footer h1{color:#fff}
footer h3 {
	padding-bottom:10px;
	font-size:20px; 
	color:#bbb;
	border-bottom:1px solid #3e3e3e
}
footer ul li a,
footer p {font-size:13px; line-height:24px; color:#8c8c8c}
footer p {margin:0}
.footFamily li {margin-top:2px}
.footFamily li a {
	display:inline-block;
	background-color:#555;
	font-size:12px;
	color:#ccc;
	padding:2px 10px;
	border-radius:3px
} 
.footSocial {margin-top:3px}
.footSocial li {margin-right:3px}
.footSocial a {display:block;}
.footSocial .fa {font-size:25px; color:#666}
@media (max-width:1199px) {
	footer h1 {font-size:20px}	
	footer h3 {font-size:16px}
}
@media (min-width:1200px) {
	footer h1 {font-size:25px}	
	footer h3 {font-size:18px}
}
.hover-img {
	transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
	transform: translateZ(0) scale(1); 
	-webkit-transform: translateZ(0) scale(1);
}
.Service a:hover .hover-img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.bread {
	padding:8px 0;
	border-bottom: 1px solid #f1f1f1;
}
.bread > div {padding-right:10px}
.bread a {
	display:inline-block; 
	font-size:13px;
	line-height:13px;
	color:#999; 
	padding:0 3px;
}

/* XE */
#spot .search input[type="text"], 
.localNavigation li a, 
.localNavigation li.on a, 
.xm input[type="text"], 
.xm input[type="email"],
.xm input[type="password"],
.xm input[type="tel"],
.xm input[type="url"],
.x input[type="text"],
.x input[type="number"]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.navbar-form .search-input {height:25px}
.localNavigation li a {line-height: 15px;} /* 통합검색 */
@media (max-width:767px) {
  .xm .form-horizontal .controls {
    margin-left: 100px!important;
  }
  .xm .form-horizontal .control-label {
    width: 100px!important;
    text-align: left!important;
  }
}/* 회원가입폼 */