/********** Template CSS **********/
:root {
    --primary: #FF8D52;
    --light: #F5F5F5;
    --dark: #353535;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-secondary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*** Navbar ***/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar-light .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 25px 0;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

.navbar-light .navbar-brand,
.navbar-light a.btn {
    height: 75px;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--dark);
    font-weight: 500;
}

.navbar-light.sticky-top {
    top: -100px;
    transition: .5s;
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
@media (max-width: 768px) {
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 500px;
    }
    
    .header-carousel .owl-carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .header-carousel .owl-carousel-item h5,
    .header-carousel .owl-carousel-item p {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .header-carousel .owl-carousel-item h1 {
        font-size: 30px;
        font-weight: 600;
    }
}

.header-carousel .owl-nav {
    position: absolute;
    width: 200px;
    height: 45px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #FFFFFF;
    font-size: 22px;
    transition: .5s;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.header-carousel .owl-dots {
    position: absolute;
    height: 45px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid #FFFFFF;
    transition: .5s;
}

.header-carousel .owl-dot::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 4px;
    left: 4px;
    background: transparent;
    border: 1px solid #FFFFFF;
}

.header-carousel .owl-dot.active {
    background: var(--primary);
    border-color: var(--primary);
}

.page-header {
    background: linear-gradient(rgba(53, 53, 53, .7), rgba(53, 53, 53, .7)), url(../img/carousel-01.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}


/*** Section Title ***/
.section-title h1 {
    position: relative;
    display: inline-block;
    padding: 0 60px;
}

.section-title.text-start h1 {
    padding-left: 0;
}

.section-title h1::before,
.section-title h1::after {
    position: absolute;
    content: "";
    width: 45px;
    height: 5px;
    bottom: 0;
    background: var(--dark);
}

.section-title h1::before {
    left: 0;
}

.section-title h1::after {
    right: 0;
}

.section-title.text-start h1::before {
    display: none;
}


/*** About ***/
@media (min-width: 992px) {
    .container.about {
        max-width: 100% !important;
    }

    .about-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .about-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .about-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Service ***/
.service-item img {
    transition: .5s;
}

.service-item:hover img {
    transform: scale(1.1);
}


/*** Feature ***/
@media (min-width: 992px) {
    .container.feature {
        max-width: 100% !important;
    }

    .feature-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .feature-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .feature-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Project Portfolio ***/
#portfolio-flters li {
    display: inline-block;
    font-weight: 500;
    color: var(--dark);
    cursor: pointer;
    transition: .5s;
    border-bottom: 2px solid transparent;
}

#portfolio-flters li:hover,
#portfolio-flters li.active {
    color: var(--primary);
    border-color: var(--primary);
}

.portfolio-item img {
    transition: .5s;
}

.portfolio-item:hover img {
    transform: scale(1.1);
}

.portfolio-item .portfolio-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 0;
    bottom: 0;
    left: 50%;
    background: rgba(53, 53, 53, .7);
    transition: .5s;
}

.portfolio-item:hover .portfolio-overlay {
    width: 100%;
    height: 100%;
    left: 0;
}

.portfolio-item .portfolio-overlay .btn {
    opacity: 0;
}

.portfolio-item:hover .portfolio-overlay .btn {
    opacity: 1;
}


/*** Quote ***/
@media (min-width: 992px) {
    .container.quote {
        max-width: 100% !important;
    }

    .quote-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .quote-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .quote-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Team ***/
.team-item img {
    transition: .5s;
}

.team-item:hover img {
    transform: scale(1.1);
}

.team-item .team-social {
    position: absolute;
    width: 38px;
    top: 50%;
    left: -38px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    transition: .5s;
}

.team-item .team-social .btn {
    color: var(--primary);
    background: #FFFFFF;
}

.team-item .team-social .btn:hover {
    color: #FFFFFF;
    background: var(--primary);
}

.team-item:hover .team-social {
    left: 0;
}


/*** Testimonial ***/
.testimonial-carousel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.testimonial-carousel::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

@media (min-width: 768px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 300px;
    }
}

.testimonial-carousel .owl-item .testimonial-text {
    border: 5px solid var(--light);
    transform: scale(.8);
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    transform: scale(1);
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 350px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
    z-index: 1;
}

.testimonial-carousel:hover .owl-nav {
    width: 300px;
    opacity: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    color: var(--primary);
    font-size: 45px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}


/*** Contact ***/
@media (min-width: 992px) {
    .container.contact {
        max-width: 100% !important;
    }

    .contact-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .contact-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .contact-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Footer ***/
.footer {
    background: linear-gradient(rgba(53, 53, 53, .7), rgba(53, 53, 53, .7)), url(../img/footer.jpg) center center no-repeat;
    background-size: cover;
}

.footer .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    border: 1px solid #FFFFFF;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--primary);
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .copyright a:hover {
    color: var(--primary);
}


/*! jQuery UI - v1.12.1 - 2017-12-29
* http://jqueryui.com
* Includes: core.css, datepicker.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* 달력 Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 22em; /* 변경부분 */
	padding: .2em .2em 0;
	display: none;
	z-index: 200 !important;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1.167em; /* 변경부분 */
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 35%; /* 변경부분 */
}
.ui-datepicker table {
	width: 100%;
	font-size: 1em; /* 변경부분 */
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em .2em 1em .7em; /* 변경부분 */
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-tooltip { /* 변경부분 */
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 350px;
	line-height:1.5;
}
.ui-tooltip iframe { /* 변경부분 */
	margin-bottom: -.4em;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images 변경부분 */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../../Jsource/img/jquery.ui/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../../Jsource/img/jquery.ui/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../../Jsource/img/jquery.ui/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../../Jsource/img/jquery.ui/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../../Jsource/img/jquery.ui/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../../Jsource/img/jquery.ui/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../../Jsource/img/jquery.ui/ui-icons_777777_256x240.png");
}


/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ /* 변경부분 */
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }


/* Corner radius 변경부분 */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow { /* 툴팁 */
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
	/* disable global scrolling when featherlights are visible */
	overflow: hidden;
}

.featherlight {
	display: none;

	/* dimensions: spanning the background from edge to edge */
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2147483647; /* z-index needs to be >= elements on the site. */

	/* position: centering content */
	text-align: center;

	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
	white-space: nowrap;

	/* styling */
	cursor: pointer;
	background: #333;
	/* IE8 "hack" for nested featherlights */
	background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
	background: rgba(0, 0, 0, 0.6); /* 변경부분 */
}

.featherlight:before {
	/* position: trick to center content vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.featherlight .featherlight-content { /* 변경부분 */
	/* make content container for positioned elements (close button) */
	position: relative;

	/* position: centering vertical and horizontal */
	text-align: left;
	vertical-align: middle;
	display: inline-block;

	/* dimensions: handling large content */
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;

	/* styling */
	background: #fff;
	cursor:default;

	/* reset white-space wrapping */
	white-space: normal;
}

.featherlight-image .featherlight-content { /* 변경부분 */
	/* dimensions: cut off images */
	overflow: auto;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;
}

/* contains the content */
.featherlight .featherlight-inner {
	/* make sure its visible */
	display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
	display: none;
}

.featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;

	/* dimensions: 25px x 25px */
	line-height: 25px;
	width: 25px;

	/* styling */
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
	background: #fff; /* Set the background in case it overlaps the content */
	background: rgba(255, 255, 255, 0.3);
	color: #000;
	border: none;
	padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.featherlight .featherlight-image {
	/* styling */
	width: 100%;
}


.featherlight-iframe .featherlight-content { /* 변경부분 */
	/* removed the border for image croping since iframe is edge to edge */
	border-bottom: 25px solid transparent;
	padding: 25px 25px 0; 
	-webkit-overflow-scrolling: touch;
}

.featherlight-alert .featherlight-content { /* 변경부분 */
	border: 10px solid #F16A0E;
	padding: 0; 
}

.featherlight iframe {
	/* styling */
	border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 768px) { /* 변경부분 */
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;
	}
	.featherlight-alert .featherlight-content {
		border-width: 6px;
	}
	.featherlight .featherlight-image {
		padding: 10px 10px 0;
	}
	.featherlight-image .featherlight-content {
		border-bottom: 10px solid transparent;
		padding: 0;
	}
}

/* hide non featherlight items when printing */
@media print {
	html.with-featherlight > * > :not(.featherlight) {
		display: none;
	}
}


/*** Body Korean ***/
body {
	font-family: 'Noto Sans KR', sans-serif;
}


/*** Iframe Box ***/
.iframebox {
    position: relative;
    width: 100%;
    padding-bottom:20%;
}

.iframebox iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}


/*** JoeubBoard Style ***/

.boardWrap #paging p {
    margin-bottom: 0;
}

header {height:8.5em; margin-top:1em; border-bottom:1px solid #E5E5E5;}
header nav {margin:0 auto; font-size:1.250em;}
header nav a.topLogo {position:absolute; margin:2.7em .5em .5em 0; padding-bottom:17px; z-index:99;}
header nav div:first-of-type {text-align:right; font-size:0.833em; font-weight:normal;}
header nav div:last-of-type {position:relative; z-index:98;}
header nav div:last-of-type h2 {font-size:1.167em;}
header nav div:last-of-type {margin:1.7em -32px 0 -32px; padding:0 32px; text-align:right; background-color:#FFF;}
header nav div:last-of-type ul li {display:inline-block; width:130px; vertical-align:top; text-align:center; background-color:#FFF; border:1px solid #FFF;}
header nav div:last-of-type ul li a {display:block; padding:.7em 0;}

main {font-size:1.083em;}
main nav {padding:2em 0; text-align:center;}
main nav h2 {text-align:left; padding:1em; margin-bottom:-2px; border:1px solid #E7E7E7; color:#FFF;}
main nav ul li {text-align:left; margin-top:-1px; border:1px solid #E7E7E7;}
main nav ul li a {display:block; padding:1em 1em 1em 1.5em;}
main nav ul li a:hover {color:#FFF;}
main nav ul li a.nowPage {font-size:1.083em; font-weight:bold;}
main nav ul li span {position:relative; float:right; top:-.3em; width:20px; text-align:center; font-size:1.250em; color:#B5B5B5; font-weight:lighter;}

main > section {margin-left:1.5em; padding:1.8em 0; line-height:1.5;}
main > section > h1 {border-bottom:2px solid #888;}
main > section > h1, main section > h2 {padding:0 0 .2em .2em; font-size:2.000em;}
main > section > article {margin:1.8em 1em; font-size:1.167em;}
main > section > article .skinWrap {font-size:0.857em;}

footer {clear:both; padding:1em 0; border-top:1px solid #E5E5E5;}
footer ul li a:link,
footer ul li a:visited {color:#898989;}
footer ul li p {margin-top:6px; color:#898989;}
footer ul li p span {margin:0 .6em;}

/* buttons */
button {border:1px solid;}
button.big, input[type=submit], input[type=button] {padding:.3em 1.5em .3em; font-size:1.167em; color:#FFF; border-radius:.2em;}
button.mid, input.mid {padding:.3em 1em .3em; font-size:0.917em; color:#FFF; border-radius:.2em;}
button.sml, input.sml {padding:.3em 1em .3em; font-size:0.583em; color:#FFF; border-radius:.2em;}
button.red, input.red {background-color:#FF5A3A; border-color:#FF5A3A;}
button.gry, input.gry {background-color:#777777; border-color:#666666;}
button.org, input.org {background-color:#FC9E01; border-color:#FC9E01;}
button.blu, input.blu {background-color:#248ACE; border-color:#248ACE;}
button.blk, input.blk {background-color:#2E2E2E; border-color:#000;}
button:disabled, input[type=submit]:disabled, input[type=button]:disabled {opacity: 0.5;}
button.chage:not(:disabled), input[type=submit].chage:not(:disabled), input[type=button].chage:not(:disabled) {background-color:#FC9E01; border-color:#FC9E01;}

/* 메인페이지 */
#mainImg {color:#FFF; font-size:1.333em; background-color:#4B79AD;}
#mainImg p {padding:2.5em 10em;}
#mainArea {background-color:#F1F0EE; text-align:center;}
#mainArea main {padding:2em 0;}
#mainArea main > ol > li {display:inline-block; height:155px; vertical-align:top; text-align:left; background-color:#FFF; padding:2em; margin:.4em;}
#mainArea main > ol > li:first-of-type {max-width:350px; width:350px;}
#mainArea main > ol > li:last-of-type {width:718px;}
#mainArea main > ol > li h3 {font-size:1.250em; padding-bottom:.5em; border-bottom:1px solid;}

/* 메인페이지 게시물 추출 */
.noticeWrap .list li {margin:.45em .3em;}
.noticeWrap h4 {font-size:1.250em;}
.noticeWrap ul {margin-top:30px;}
.noticeWrap .more {margin-top:7px; font-size:1.000em;}

/* 서브메뉴 */
main nav h2 {border-color:#4388BF; background-color:#4388BF;}
main nav ul li {background-color:#F8F8F8;}
main nav ul li:hover, main nav ul li a.nowPage:hover {border-color:#AAD1EC; background-color:#AAD1EC;}
main nav ul li a.nowPage {background-color:#FFF;}

/* 서브페이지 */
main > section > article {min-height:155px;}

/* reset Style */
input,select,button,img {font-size:1.000em; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
textarea {font-size:1.000em; line-height:1.5; margin:0; padding:.3em; border:1px solid #BBB;}
img,fieldset,button,iframe {border:0;}
video {max-width:100%;}
ul,ol {list-style:none;}
em,address,var {font-style:normal;}
legend,caption,.hide {font-size:0; line-height:0; overflow:hidden;}

a {text-decoration:none;}
a:link,
a:visited {color:#333;}
a:hover {color:#FFA310;}
a.jboardLink {color:#FFA310; font-weight:bold;}
select, input[type=file] {height:2em; font-size: 0.75em;}
select {border:1px solid #BBB;}
img[href], *[onclick] {cursor:pointer;}
input[type=submit], input[type=button] {border:1px solid #BBB;}
button:not(:disabled), input[type=submit]:not(:disabled), input[type=button]:not(:disabled) {cursor:pointer; outline:none; font-size: 0.75em;}
button:disabled, input[type=submit]:disabled, input[type=button]:disabled {border-color:#DDD !important; color:#AAA;}
input:not([type=submit]):not([type=button]):not([type=file]):not([type=image]) {height:2em; border:1px solid #BBB; padding:0 .2em; font-size: 0.75em;}
input:not([type=radio]):not([type=checkbox]) {-webkit-appearance:none; border-radius:0;}
input:not([type=submit]):focus:not([type=button]):focus:not([type=radio]):focus:not([type=checkbox]):focus, textarea:focus {outline:none; background-color:#FDFDFD;}
input:not([type=submit]):disabled:not([type=button]):disabled, textarea:disabled, select:disabled {background-color:#F8F8F8; border:1px dashed #CCC;}
input[type=radio], input[type=checkbox] {margin:.1em .2em .1em 0; border:0;} 
input[type=radio]+label, input[type=checkbox]+label {position:relative; top:.1em; margin-right:.5em;}
input[type=number], input[type=text].inputCur {text-align:right; padding-right:.2em;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none;}
input[readonly], textarea[readonly] {background-color:#F8F8F8;} 
iframe[title=hiddenFrm] {display:none;}
div.fileBtnDiv input[type=file] {position:absolute; top:0; right:0; opacity:0;} 
output canvas {display:block;}
.fileBtnDiv {position:relative; width:7em; height:2.06em; padding-left:.2em; overflow:hidden;}
.btnFile {width:7em; height:2.06em; padding-left:.2em; color:#333; background-color:#F0F0F0;}

/* ui-tooltip-help */
.ui-tooltip-help.ui-tooltip {padding:4px;}
.ui-tooltip-help.ui-widget.ui-widget-content {border:1px solid #4D3F33;}
.ui-tooltip-help.ui-widget-content {background:#665545;}
.ui-tooltip-help.ui-widget-content:after {content:"X 닫기"; display:block; text-align:center; font-weight:bold; color:#000;}

/* placeholder */
:-ms-input-placeholder {color:#888; opacity:0.8;}
::-webkit-input-placeholder {color:#888; opacity:0.8;}
::-moz-placeholder {color:#888; opacity:0.8;}


/* font */
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.fsm9 {font-size:0.917em;}
.bold {font-weight:bold;}

/* float */
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}
.clearfix:after{content:""; display:block; clear:both;}

/* align */
.txtL {text-align:left !important; padding-left:.4em;}
.txtR {text-align:right !important; padding-right:.4em;}
.txtC {text-align:center !important;}

/* width */
.wp4 {width:4%;}
.wp5 {width:5%;}
.wp7 {width:7%;}
.wp8 {width:8%;}
.wp10 {width:10%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30 {width:30%;}
.wp35 {width:35%;}
.wp40 {width:40%;}
.wp45 {width:45%;}
.wp50 {width:50%;}
.wp55 {width:55%;}
.wp60 {width:60%;}
.wp65 {width:65%;}
.wp70 {width:70%;}
.wp75 {width:75%;}
.wp80 {width:80%;}
.wp85 {width:85%;}
.wp90 {width:90%;}
.wp95 {width:95%;}
.wp100 {width:100%;}

/* height */
.hx300 {height:300px;}

/* padding */
.pd3 {padding:3% 3% 2% 3%;}
.pl1 {padding-left:1em;}
.pl2 {padding-left:2em;}

/* margin */
.mt1 {margin-top:1em;}
.ml1 {margin-left:1em;}

/* line-height */
.lh2 {line-height:2;}

/* display */
.dpB, output {display:block;}
.dpN {display:none;}
.dpLB {display:inline-block;}

/* opacity */
.opc30 {opacity:0.3;}

/* validation, alert, message */
label.error, span.error, div.error {color:red;}
input.error, select.error, textarea.error {border-color:red !important;}
.validate {color:red; display:block;}
.message {color:blue;}

/* alert */
#alert, #confirm {overflow-x:hidden; overflow-y:auto; font-size:1.250em; background-color:#FFF5DD;}
#alert > div:not([class^=ui]), #confirm > div:not([class^=ui]) {margin:2.5em 1em 0; letter-spacing:-.05em; line-height:1.6; text-align:center;}
#alert > div u, #confirm > u {color:#F3690E;}
#alert > div button {position:absolute; left:0; bottom:1.5em; right:0; width:90%; margin:0 auto; padding:.3em 1.5em; font-size:1.167em; color:#FFF; border-radius:.2em; 
										 border:1px solid #F16A0E; background-color:#F16A0E;}
#confirm > div > footer {position:absolute; bottom:1.5em; width:92%;}
#confirm > div > footer button {width:48%; padding:.3em 1.5em; color:#FFF; border-radius:.2em; border:1px solid #F16A0E; background-color:#F16A0E;}
#confirm > div button[accesskey=c] {background-color:#4EA6E0; border-color:#4EA6E0;}

/* layers */
#layerSide {position:absolute; padding:.5em 1.5em .2em 1em; text-align:left; border:1px solid #8DB3E5; background-color:#FFF; z-index:99999; line-height:2;}
#layerSide a {display:block;}
#loadingBar {position:absolute; display:none; z-index:9999; width:128px; height:128px; text-indent:-9999em; background:url("../../Jsource/img/common/loading.gif") no-repeat;}
#copyright {clear:both; text-align:right; font-size:0.7em; margin-top:1.2em;}

/* all skins */
.skinWrap #paging {font-family:Verdana;}

/* media queries */
@media (max-width:430px) { 
	#loadingBar {width:64px; height:64px; background-size:64px;}
	#alert, #confirm {font-size:0.917em;}
	#confirm > div {margin:2.3em 1em 0;}
	#confirm > div button {width:45%; margin:3em 0 0 .5em;}
}