/*---------- Preloader ----------*/
.loader-wrap {position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;z-index:1001}
.no-js .loader-wrap {display:none}
.loader {display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#006be2;-webkit-animation:loader-spin 1.7s linear infinite;animation:loader-spin 1.7s linear infinite;z-index:11}
.loader:before {content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e52700;-webkit-animation:loader-spin-reverse .6s linear infinite;animation:loader-spin-reverse .6s linear infinite}
.loader:after {content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#ec8b00;-webkit-animation:loader-spin 1s linear infinite;animation:loader-spin 1s linear infinite}
.loader-wrap .loader-section-left {position:fixed;top:0;left:0;width:51%;height:100%;background:#e5e5e5;z-index:10}
.loader-wrap .loader-section-right {position:fixed;top:0;right:0;width:51%;height:100%;background:#e5e5e5;z-index:10}
@-webkit-keyframes loader-spin {
    0% {-webkit-transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg)}
}
@keyframes loader-spin{
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes loader-spin-reverse{
    0% {-webkit-transform:rotate(0)}
    100% {-webkit-transform:rotate(-360deg)}
}
@keyframes loader-spin-reverse{
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.loaded .loader-wrap .loader-section-left {transform:translateX(-100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded .loader-wrap .loader-section-right {transform:translateX(100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded .loader {opacity:0;transition:all .3s ease-out}
.loaded .loader-wrap {visibility:hidden;transform:translateY(-100%);transition:all .3s 1s ease-out}

/*----- Font Weight -----*/
.bold {font-weight:bold !important}

/*----- Colors -----*/
/* EyoomBuilder bs3 text colors compatible */
.color-dark-gray {color:#666 !important}
.color-navy {color: #323C46 !important}
/* Background Colors */
.bg-dark-gray {background-color:#666 !important}
.bg-navy {background-color: #323C46 !important}

/* 상단검색 */
/*
.header-title .header-search { display:inline-block; width:300px; margin-left:10px; vertical-align:middle; }
.header-title .header-search form { padding:0px; margin-top:4px; border:4px solid rgb(233, 27, 35); background: rgb(233, 27, 35); }
.header-title .header-search input { background: #fff; border:1px solid rgb(233, 27, 35); }
.header-title .header-search .btn { color:#fff !important; background: rgb(233, 27, 35) !important; }
.header-title .header-keyword { padding-top:4px; }
.header-title .miso-keyword { line-height:22px; height:22px; overflow:hidden; text-align:center; white-space:no-wrap; }
.header-title .miso-keyword > a { display:inline-block; letter-spacing:-1px; padding-right:12px; font-size:12px; }
.header-title .miso-keyword > a::after { float:right; color:#ddd; content: "|"; margin-right:-10px;  }
.header-title .miso-keyword > a:last-child { padding-right:0px; }
.header-title .miso-keyword > a:last-child::after { content: ""; margin-right:0px; }
@media (max-width: 480px) {
	.header-title .header-search {display:none}
}
*/
.header-title .header-search { display:inline-block; width:100%; max-width:300px; margin-left:10px; vertical-align:middle;  }
.header-title .header-search form { padding:0; border-width:2px; border-style:solid; border:4px solid rgb(233, 27, 35); }
.header-title .header-search input { font-size:16px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; }
.header-title .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
.header-title .header-search .btn { border:0; background: none !important; outline:none; }

/* 인기검색어 */
.header-title .basic-keyword {
	position:relative; 
	margin-top:2px;
	overflow:hidden;
}
.header-title .basic-keyword li a {
	color:#555;
}
.header-title .basic-keyword .pp-last {
	width:2.0rem;
}
.header-title .basic-keyword .pp-next,
.header-title .basic-keyword .pp-prev {
	display:block;
	background:#fff;
	width:1.5rem;
	height:1.5rem;
	line-height:1.4rem;
	text-align:center;
	border:1px solid #ddd;
	color:#888;
}
.header-title .basic-keyword .pp-next {
	border-left:0;
}
@media (max-width: 480px) {
	.header-title .header-search {display:none}
}

/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
/* Image ------------------------------------------------------ */
.img-wrap { 
	display:block; 
	position:relative; 
	height:0;
    overflow:hidden;
	padding-bottom:56.25%; 
}
.img-wrap.img-fix {
	margin-bottom:-1px;
}
.img-wrap .img-item { 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	overflow:hidden;
}
.img-wrap .img-item.img-fix { 
	margin-top:-1px -1px 0px;
}
.img-wrap .img-item img { 
	display:block;
	border:0;
	width:100.5%;
	height:auto;
	margin:0px auto;
}
.img-wrap .img-item.img-full img { 
	width:100%; 
	height:100%;
}
.img-wrap .img-item.img-height img { 
	width:auto;
	height:100%;
}
.img-wrap .img-item.img-auto img { 
	width:auto;
	height:auto;
}
.img-ratio {
	display:block; 
	position:relative; 
	overflow:hidden;
}
.img-ratio .img-item {
	position:relative; 
	overflow:hidden;
}
.img-ratio .img-item img {
	display:block;
	border:0;
	width:100%;
	height:auto;
	margin:0px auto;
}
.in-shadow {
	position:absolute; top:0; left:0; width:100%; z-index:1;
}
.in-subject {
    position: absolute;
	width:100%;
	left:0px;
	bottom: 0px;
    padding: 6px 8px;
    margin: 0;
	line-height:20px;
}
.in-caption {
    position: absolute;
    bottom: 20%;
    padding: 6px 8px;
    margin: 0;
	line-height:20px;
}
.in-title {
    position: absolute;
    bottom: 20%;
    padding: 10px 15px;
    margin: 0;
	font-size:18px;
	line-height:24px;
}
.in-left {
	position:absolute; 
	top:0px;
	left:0px; 
}
.in-left-b {
	position:absolute; 
	bottom:0px;
	left:0px; 
}
.in-right {
	position:absolute; 
	top:0px;
	right:0px; 
}
.in-right-b {
	position:absolute; 
	top:0px;
	right:0px; 
}


/* Content-Boxes & FA ------------------------------------------------------ */
i.large, img.large, .fix-icon.large i, .fix-icon.large img {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
}
i.normal, img.normal, .fix-icon.normal i, .fix-icon.normal img {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px;
}
i.medium, img.medium, .fix-icon.medium i, .fix-icon.medium img {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
}
i.tiny, img.tiny, .fix-icon.tiny i, .fix-icon.tiny img {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
	margin-right:3px;
}
i.circle, img.circle, .fix-icon.circle i, .fix-icon.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    text-align: center;
    margin-top: 0px;
	vertical-align:middle;
}
i.dark-circle, img.dark-circle, .fix-icon.dark-circle i, .fix-icon.dark-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #333;
    color: #fff;
}
i.light-circle, img.light-circle, .fix-icon.light-circle i, .fix-icon.light-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #333;
}
.content-box {
	margin:0 0 15px; 
	line-height:20px;
}
.content-box .heading:hover i {
	background-color: rgb(233, 27, 35); 
	color: rgb(255, 255, 255); 
	border-color: rgb(233, 27, 35);
}
.content-box .text {
	color:#747474; 
	margin:0 0 10px;
}
.content-box .more a {
	font-size:11px; 
	font-weight:normal; 
	color:#888; 
	letter-spacing:-1px;
}
.content-box .more i.fa {
	margin:0 4px;
}
.content-box-bg {
	height: auto; 
	overflow: visible; 
	background-color: rgb(246, 246, 246);
    padding: 35px 12px 12px;
    text-align: center;
}
.content-box-bg .heading {
    overflow: visible;
    position: relative;
    text-align: center;
}
.content-box-bg .heading i.fa.large {
    display: block;
    position: absolute;
    left: 50%;
    float: none;
    margin-left: -32px;
	top: -80px;
}

/*---------- Footer ----------*/
.footer {position:relative;border-top:1px solid rgba(0,0,0,0.7)}
.footer-top {margin-bottom:30px;padding:30px 0;border-bottom:1px solid #e2e2e2}
.footer-top:after {content:"";display:block;clear:both}
.footer-nav {width:50%;float:left}
.footer-nav a {color:#353535;font-size:.875rem;margin-right:10px}
.footer-nav a:hover {text-decoration:underline}
.footer-aside {position:relative;width:50%;float:right}
.footer-cont-wrap {position:relative;font-size:.875rem}
.footer-cont-wrap:after {content:"";display:block;clear:both}
.footer-cont-box {position:relative;float:left;width:33.33333%;min-height:183px}
.footer-cont-box:nth-child(1) {padding:0 15px 0 0}
.footer-cont-box:nth-child(2) {padding:0 15px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.footer-cont-box:nth-child(3) {padding:0 0 0 15px}
.footer-cont-box .footer-logo {margin-bottom:15px}
.footer-cont-box .footer-logo .site-logo {width:auto;height:30px}
.footer-cont-box p {margin:0 0 3px}
.footer-cont-box .footer-divider {margin:0 7px;color:#d5d5d5}
.footer-cont-box h5 {font-size:.9375rem;margin:0 0 15px}
.footer-cont-box .footer-tel-num {margin:15px 0}
.footer-cont-box .footer-tel-num strong {font-size:1.25rem}
.footer-cont-box .text-gray {color:#959595 !important;font-size:.8125rem}
.footer-cont-box .footer-bank-num {font-size:1.5rem;margin:0 0 15px}
.footer-cont-box .footer-bank-info img {position:absolute;top:0;left:0;width:20px;height:20px}
.footer-cont-box .footer-bank-info .bank-name {color:#7C7365;margin-left:25px}
.footer-cont-box .btn-e {margin-top:40px}
.footer-copyright {color:#656565;font-size:.8125rem;text-align:center;margin-top:30px;padding:30px 0}
.family-site {position:absolute;top:-13px;right:0;margin-bottom:0;width:250px;z-index:1}
.family-site dt {position:relative}
.family-site dt a {font-size:.875rem;line-height:15px;padding:15px;font-weight:400;color:#fff;display:block;background:#4b4b4d}
.family-site dt a:hover {color:#fff}
.family-site dt i {color:#fff;float:right;display:block;padding-top:5px}
.family-site dd {position:absolute;bottom:45px;margin-bottom:0;width:100%;z-index:2;display:none}
.family-site dd ul {margin-bottom:0;background-color:#fff;border:1px solid #c5c5c5;border-bottom:0}
.family-site ul li {border-top:1px solid #c5c5c5}
.family-site ul li:first-child {border-top:0}
.family-site ul li a {color:#151515;font-size:.8125rem;display:block;padding:10px}
.family-site ul li a:hover {color:#cc2300}
@media (max-width:991px) {
    .footer-nav {width:100%;text-align:center}
    .footer-aside {width:100%;height:45px;margin-top:30px}
    .footer-cont-box {width:100%}
    .footer-cont-box:nth-child(1) {padding:20px 0;border-bottom:1px dotted #e5e5e5}
    .footer-cont-box:nth-child(2) {padding:20px 0;border:0;border-bottom:1px dotted #e5e5e5}
    .footer-cont-box:nth-child(3) {padding:20px 0}
    .family-site {top:0;left:50%;right:inherit;transform:translateX(-50%)}
}
@media (max-width:767px) {
	.footer-copyright span {display:none}
}

/*---------- Header / Footer Color ----------*/
/*
.top-header {border-bottom:1px solid rgba(255,255,255,.1)}
.top-header .text-black {color:#858585 !important}
.top-header-nav li > a {color:#858585}
.header-wrap {background-color:#172b4d}
.header-wrap.nav-sticky {background-color:#172b4d;border-bottom:0}
.navbar-nav a, .navbar-toggler {color:#fff}
.nav-sticky .navbar-nav>li>a, .nav-sticky .navbar-toggler {color:#fff}
*/
.footer {border-top: 1px solid rgba(255,255,255,0.2);background-color:#15151d;color:#757575}
.footer-top {border-color:#292e35}
.footer-nav a {color:#858585}
.footer-cont-box:nth-child(2) {border-color:#292e35}
.footer-cont-box .text-gray {color:#454545 !important}
.footer-cont-box .footer-divider {color:#353535}
.footer-cont-box a {color:#858585}
.footer-cont-box a:hover {text-decoration:underline}
.footer-cont-box .btn-e-brd.btn-dark {color:#555555 !important;border-color:#555555}
@media (max-width: 991px) {
    .footer-cont-box:nth-child(1) {border-color:#30363d}
}