/**
* Template Name:Dewi - v4.1.0
* Template URL:https://bootstrapmade.com/dewi-free-multi-purpose-html-template/
* Author:BootstrapMade.com
* License:https://bootstrapmade.com/license/
*/
@font-face {
    font-family:"dokdo";
    src:url("../fonts/dokdo.woff") format("woff");
    font-style:normal;
}
@font-face {
    font-family:"gothic";
    src:url("../fonts/gothic.woff") format("woff");
    font-style:normal;
}
@font-face {
    font-family:"gothic_b";
    src:url("../fonts/gothic_b.woff") format("woff");
    font-style:normal;
}

body {
	font-family:"Nanum Barun Gothic", sans-serif;
	font-size:14px;
	color:#444;
}
a {
	font-family:"Nanum Barun Gothic", sans-serif;
	color:#bf1e2d;
	text-decoration:none;
}
a:hover {
	color:#e24d55;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6, p {
	font-family:"Nanum Barun Gothic", sans-serif;
}
p {
	font-size:16px;
	color:#888;
	line-height:28px;
}
/*--------------------------------------------------------------
# back to top button
--------------------------------------------------------------*/
.back-to-top {
	position:fixed;
	right:15px;
	bottom:15px;
	width:40px;
	height:40px;
	background:rgba(255, 255, 255, 0.6);
	border:2px solid #40464b;
	border-radius:4px;
	transition:all 0.4s;
	visibility:hidden;
	opacity:0;
	z-index:996;
}
.back-to-top i {
	font-size:24px;
	color:#222;
	line-height:0;
}
.back-to-top:hover {
	background:#40464b;
}
.back-to-top:hover i {
	color:#fff;
}
.back-to-top.active {
	visibility:visible;
	opacity:1;
}
/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
#header {
	background:rgba(255, 255, 255, 0.5);
	box-shadow:0 0 8px #ccc;
	padding:20px 0;
	transition:all 0.5s;
	z-index:997;
}
#header.header-scrolled,
#header.header-inner-pages {
	background:rgba(255, 255, 255, 1);
	padding:10px 0;
}
#header .logo {
	font-size:32px;
	font-weight:600;
	line-height:1;
	letter-spacing:2px;
	padding:0;
	margin:0;
}
#header .logo a {
	color:#fff;
}
#header .logo img {
	max-height:40px;
}
/*--------------------------------------------------------------
# navigation menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.navbar {
	padding:0;
}
.navbar ul {
	display:flex;
	list-style:none;
	align-items:center;
	padding:0;
	margin:0;
}
.navbar li {
	position:relative;
}
.navbar > ul > li {
	min-width:160px;
	white-space:nowrap;
	padding:8px 12px;
}
.navbar a {
	display:flex;
	position:relative;
	font-size:16px;
	font-weight:600;
	color:#222;
	align-items:center;
	justify-content:center;
	text-transform:uppercase;
	white-space:nowrap;
	transition:0.3s;
	padding:0 3px;
}
.navbar > ul > li > a:before {
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	left:0;
	bottom:-6px;
	background-color:#bf1e2d;
	visibility:hidden;
	width:0px;
	transition:all 0.3s ease-in-out 0s;
}
.navbar a:hover:before,
.navbar li:hover > a:before,
.navbar .active:before {
	visibility:visible;
	width:100%;
}
.navbar a:hover,
.navbar .active a,
.navbar li:hover > a {
	color:#bf1e2d;
}
.navbar .dropdown ul {
	display:block;
	position:absolute;
	top:calc(100% + 30px);
	left:0;
	right:0;
	width:100%;
	background:#fff;
	border-radius:4px;
	box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);
	transition:0.3s;
	padding:10px 0;
	margin:0;
	z-index:99;
	opacity:0;
	visibility:hidden;
}
.navbar .dropdown ul li {
}
.navbar .dropdown ul a {
	font-size:14px;
	font-weight:400;
	color:#15222b;
	text-transform:none;
	padding:10px 20px;
}
.navbar .dropdown:hover > ul {
	opacity:1;
	top:100%;
	visibility:visible;
}
.navbar .dropdown ul li:hover,
.navbar .dropdown ul li.open {
	background:#0b83bf;
}
.navbar .dropdown ul li:hover a,
.navbar .dropdown ul li.open a {
	color:#fff;
}
/* Mobile Navigation */
.mobile-nav-toggle {
	cursor:pointer;
	display:none;
	font-size:28px;
	color:#222;
	line-height:0;
	transition:0.5s;
}
@media (max-width:991px) {
	.mobile-nav-toggle {
		display:block;
	}
	.navbar ul {
		display:none;
	}
}
.navbar-mobile {
	position:fixed;
	overflow:hidden;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(4, 7, 9, 0.9);
	transition:0.3s;
	z-index:999;
}
.navbar-mobile .mobile-nav-toggle {
	position:absolute;
	top:15px;
	right:15px;
	color:#fff;
}
.navbar-mobile ul {
	display:block;
	position:absolute;
	top:55px;
	right:15px;
	bottom:15px;
	left:15px;
	border-radius:10px;
	background-color:#fff;
	padding:10px 0;
	overflow-y:auto;
	transition:0.3s;
}
.navbar-mobile a {
	font-size:15px;
	color:#15222b;
	padding:10px 20px;
}
.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover > a {
	color:#bf1e2d;
}
.navbar-mobile .dropdown ul {
	position:static;
	display:none;
	background:#fff;
	box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);
	visibility:visible;
	padding:10px 0;
	margin:14px 0 0;
	z-index:99;
	opacity:1;
}
.navbar-mobile .dropdown ul li {
	min-width:200px;
}
.navbar-mobile .dropdown ul a {
	padding:10px 20px;
}
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover > a {
	color:#fff;
}
.navbar-mobile .dropdown > .dropdown-active {
  display:block;
}
/*--------------------------------------------------------------
# mvisual
--------------------------------------------------------------*/
.mvisual {
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
}
.mvisual .carousel,
.mvisual .carousel-inner,
.mvisual .carousel-item,
.mvisual .carousel-item::before {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}
.mvisual .carousel-item {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.mvisual .carousel-item::before {
	content:'';
	background-color:rgba(30, 35, 40, 0.05);
}
.mvisual .carousel-container {
	/*
	display:flex;
	top:70px;
	bottom:0;
	*/
	position:absolute;
	top:42%;
	left:50px;
	right:50px;
	justify-content:center;
	align-items:center;
}
.mvisual .container {
	text-align:center;
}
.mvisual h2 {
	font-size:54px;
	font-weight:600;
	color:#bf1e2d;
	margin-bottom:30px;
}
.mvisual p {
	font-size:18px;
	color:#fff;
	text-shadow:0px 1px 2px #444;
	-webkit-animation-delay:0.4s;
	animation-delay:0.4s;
	margin:0 auto 30px auto;
}
.mvisual .carousel-inner .carousel-item {
	transition-property:opacity;
	background-position:center top;
}
.mvisual .carousel-inner .carousel-item,
.mvisual .carousel-inner .active.carousel-item-start,
.mvisual .carousel-inner .active.carousel-item-end {
	opacity:0;
}
.mvisual .carousel-inner .active,
.mvisual .carousel-inner .carousel-item-next.carousel-item-start,
.mvisual .carousel-inner .carousel-item-prev.carousel-item-end {
	opacity:1;
	transition:0.5s;
}
.mvisual .carousel-inner .carousel-item-next,
.mvisual .carousel-inner .carousel-item-prev,
.mvisual .carousel-inner .active.carousel-item-start,
.mvisual .carousel-inner .active.carousel-item-end {
	left:0;
	transform:translate3d(0, 0, 0);
}
.mvisual .carousel-control-next-icon,
.mvisual .carousel-control-prev-icon {
	display:flex;
	width:auto;
	height:auto;
	min-width:54px;
	min-height:54px;
	background:rgba(255, 255, 255, 0.2);
	border-radius:50px;
	font-size:30px;
	color:#fff;
	line-height:0;
	transition:0.3s;
	align-items:center;
	justify-content:center;
}
.mvisual .carousel-control-next-icon:hover,
.mvisual .carousel-control-prev-icon:hover {
	background:rgba(255, 255, 255, 0.3);
	color:rgba(255, 255, 255, 0.8);
}
.mvisual .carousel-indicators li {
	cursor:pointer;
	width:14px;
	height:14px;
	background:#fff;
	border:0;
	border-radius:50px;
	box-shadow:0 0 6px #444;
	margin:0 6px;
	transition:0.3s;
	opacity:.6;
	overflow:hidden;
}
.mvisual .carousel-indicators li.active {
	background:#bf1e2d;
	opacity:1;
}
.mvisual .btn-get-started {
	display:inline-block;
	background:#fff;
	border:2px solid #bf1e2d;
	border-radius:4px;
	font-size:14px;
	font-weight:400;
	color:#bf1e2d;
	letter-spacing:1px;
	line-height:1;
	padding:14px 32px;
	transition:0.5s;
	-webkit-animation-delay:0.8s;
	animation-delay:0.8s;
}
.mvisual .btn-get-started:hover {
	background:#df3740;
	color:#fff;
}
@media (max-width:992px) {
	.mvisual {
		height:100vh;
	}
	.mvisual .carousel-container {
		top:8px;
	}
}
@media (max-width:768px) {
	.mvisual h2 {
		font-size:28px;
	}
}
@media (min-width:1024px) {
	.mvisual .carousel-control-prev,
	.mvisual .carousel-control-next {
		width:10%;
	}
}
@media (max-height:500px) {
	.mvisual {
		height:120vh;
	}
}
.mvisual1 {
	background-image:url(../img/mvisual1.png);
	background-color:#fff;
}
.mvisual2 {
	background-image:url(../img/mvisual2.png);
	background-color:#fff;
}
.mvisual3 {
	background-image:url(../img/mvisual3.png);
	background-color:#303030;
}
/*--------------------------------------------------------------
# section
--------------------------------------------------------------*/
article {}
section {
	padding:80px 0;
	overflow:hidden;
}
.section-title {
	position:relative;
	text-align:left;
	padding-bottom:30px;
}
.section-title h2 {
	font-size:28px;
	font-weight:600;
	color:#bf1e2d;
	line-height:32px;
	margin:0;
}
.section-title p {
	font-size:24px;
	color:#222;
	text-transform:uppercase;
}
.section-title .section-btn {
	position:absolute;
	top:0;
	right:0;
}
.section-title a.btn-more {
	font-size:14px;
	color:#888;
	align-items:center;
}
.section-title a.btn-more:hover {
	color:#444;
}
.dividing-line {
	width:100%;
	height:4px;
	background:#eee;
}
/*--------------------------------------------------------------
# case
--------------------------------------------------------------*/
.case {
	position:relative;
}
.case-box {
	text-align:left;
}
.case-box .case-img {
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
}
.case-box .case-img i {
	position:absolute;
	top:42%;
	left:0;
	right:0;
	bottom:0;
	font-size:66px;
	color:#fff;
	text-align:center;
	opacity:0;
}
.case-box .case-img img {
	transition:all 0.6s;
}
.case-box:hover i,
.case-box a:hover i {
	opacity:1;
	z-index:99;
}
.case-box:hover .case-img,
.case-box a:hover .case-img {
	background:rgba(60, 88, 130, 0.8);
}
.case-box:hover .case-img img,
.case-box a:hover .case-img img {
	transform:scale(1.15);
	opacity:0.4;
}
.case-box h4 {
	font-size:18px;
	font-weight:600;
	color:#222;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
.case-box p {
	font-size:14px;
	color:#888;
	line-height:24px;
}
.case-box:hover p {
	color:#444;
}
@media (min-width:992px) {
	.case-box .case-img img {
		width:100%;
	}
}
.case .case-pagination {
	position:relative;
	text-align:center;
	margin-top:20px;
}
.case .case-pagination .swiper-pagination-bullet {
	width:14px;
	height:14px;
	background-color:#fff;
	border:3px solid #c8cbca;
	opacity:.5;
}
.case .case-pagination .swiper-pagination-bullet-active {
	background-color:#bf1e2d;
	opacity:1;
}
/*--------------------------------------------------------------
# safety
--------------------------------------------------------------*/
.safety {
	padding-top:80px;
}
.safety .safety-bg {
	background:url("../img/mcont_bg1.png") fixed 50% 50%;
	background-size:cover;
	padding:100px 0;
}
.safety h3 {
	font-size:40px;
	font-weight:200;
	margin-bottom:30px;
}
.safety h3 strong {
	font-weight:600;
}
.safety p {
	font-size:16px;
	line-height:30px;
}
.safety a.btn-more {
	display:inline-block;
	background:#fff;
	border:2px solid #bf1e2d;
	border-radius:4px;
	font-size:14px;
	font-weight:400;
	color:#bf1e2d;
	letter-spacing:1px;
	line-height:1;
	padding:10px 24px;
}
.safety a.btn-more:hover {
	background:#df3740;
	color:#fff;
}
/*--------------------------------------------------------------
# field
--------------------------------------------------------------*/
.field {}
.field-box {}
.field-img {}
/*--------------------------------------------------------------
# list
--------------------------------------------------------------*/
.list {}
.list-bbs {
	border:1px solid #eee;
}
.list-bbs ul {
	list-style:none;
	padding:0;
	margin:0;
}
.list-bbs li {
	min-height:48px;
	border-bottom:1px solid #eee;
	line-height:24px;
	padding:12px;
}
.list-bbs li.last {
	border-bottom:none;
}
.list-bbs li a {
	font-size:18px;
	color:#222;
}
.list-bbs li a:hover {
	color:#000;
}
.list-bbs li span.list-date {
	float:right;
	font-size:14px;
	color:#999;
}
.list-bbs .new_icon{
	background:#0b4ed6;
	border-radius:2px;
	color:#fff;
	padding:0 4px;
	margin-left:10px;
}
/*--------------------------------------------------------------
# inquiry
--------------------------------------------------------------*/
.inquiry {
	background:url("../img/mcont_bg2.png") fixed 50% 50%;
	background-size:cover;
	background-color:#0b83bf;
}
.inquiry-title {
	margin-bottom:30px;
}
.inquiry-title h2 {
	font-size:40px;
	font-weight:600;
	margin-bottom:10px;
}
.inquiry-title p {
	font-size:24px;
	letter-spacing:-0.06em;
	margin-bottom:30px;
}
.form-group {
	width:660px;
	margin:0 auto;
}
.form-group input[type="text"] {
	min-height:70px;
	font-size:16px;
	color:#222;
	padding:10px;
	margin-bottom:10px
}
.form-group input[type="checkbox"] {
	width:26px;
	height:26px;
}
.form-group textarea {
	font-size:16px;
	color:#222;
	padding:10px;
}
.form-group a.link-concur {
	font-size:24px;
	color:#fff;
	text-decoration:underline;
	cursor:pointer;
}
.form-group a.link-concur:hover {
	color:#fff;
}
.form-group .btn-send {
	width:100%;
	background:#fff;
	border-radius:50px;
	border:2px solid #bf1e2d;
	font-size:24px;
	font-weight:600;
	color:#bf1e2d;
	padding:20px 10px;
}
.form-group .btn-send:hover {
	background:#bf1e2d;
	color:#fff;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	background:#bf1e2d;
	font-size:14px;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
}
#footer .footer-info {}
#footer .footer-info ul,
#footer .footer-links ul {
	list-style:none;
	padding:0;
	margin:0;
}
#footer .footer-info h3 {
	font-size:24px;
	font-weight:600;
	line-height:1;
	padding:0;
	margin:0 0 10px;
}
#footer .footer-info li {
	font-size:13px;
	color:#fff;
	line-height:24px;
}
#footer .footer-info a {
	color:#fff;
}
#footer .footer-info a:hover {
	color:rgba(255, 255, 255, 0.6);
}
#footer .footer-links {
}
#footer .footer-links li {
	align-items:center;
	text-align:right;
	padding:10px 0;
}
#footer .footer-links  a {
	background:rgba(255, 255, 255, 0.6);
	border-radius:50px;
	color:#bf1e2d;
	padding:8px 16px;
}
#footer .footer-links a:hover {
	background:#fff;
}
/*--------------------------------------------------------------
# contents
--------------------------------------------------------------*/
.route {
	font-size:14px;
	color:#888;
	padding-top:120px;
}
.route a {
	color:#888;
}
#content {
	padding:40px 0 80px;
}
.content-nav {
	display:inline-block;
	float:left;
	width:230px;
	margin-right:50px;
}
.content-nav h2 {
	min-height:80px;
	background:#4e4e4e;
	font-size:22px;
	font-weight:600;
	color:#fff;
	line-height:80px;
	text-align:center;
	margin:0;
}
.content-nav ul {
	list-style:none;
	padding:0;
	margin-bottom:40px;
}
.content-nav li {
	min-height:60px;
	border:1px solid #eee;
	line-height:60px;
	text-align:center;
}
.content-nav li a {
	font-size:18px;
	color:#666;
}
.content-nav li:hover,
.content-nav li.open {
	background:#0b83bf;
	border:1px solid #0b83bf;
	border-top:1px solid #eee;
}
.content-nav li:hover a,
.content-nav li a:hover,
.content-nav li.open a {
	color:#fff;
}
.nav-banner {
	border:2px solid #bf1e2d;
	border-radius:4px;
	text-align:left;
	padding:20px;
}
.nav-banner a {
	font-size:18px;
	color:#bf1e2d;
}
.nav-banner:hover {
	background:#bf1e2d;
}
.nav-banner:hover a {
	color:#fff;
}
.content-cont {
	float:left;
	width:78%;
	min-width:1010px;
}
.cont-title h2 {
	border-left:14px solid #ae0722;
	font-size:40px;
	font-weight:600;
	color:#ae0722;
	letter-spacing:-0.06em;
	padding-left:10px;
	margin-bottom:40px;
}
.cont-box {}
h3.cont-tit {
	font-family:"dokdo";
	font-size:42px;
	color:#999;
	margin-bottom:30px;
}
.cont-ceo {
	font-size:18px;
	font-weight:600;
	color:#000;
	text-align:right;
}
.history {
	width:100%;
	margin:0 auto;
}
.history ul {
	display:flex;
	border-bottom:2px dotted #eee;
	list-style:none;
	padding:20px 0;
	margin:0;
}
.history ul.last {
	border-bottom:none;
}
.history li.hs-year {
	width:20%;
	min-width:200px;
	font-family:"gothic_b";
	font-size:60px;
	color:rgba(174, 7, 34, 0.5);
	line-height:50px;
	text-align:center;
}
.history li.hs-day {
	width:60px;
	font-family:"gothic";
	font-size:18px;
	color:#999;
	text-align:center;
}
.history li {
	float:left;
	font-size:17px;
	color:#222;
	line-height:30px;
}
.tbl-green {
	width:100%;
	border:2px solid #548235;
	margin:0 auto;
}
.tbl-green th {
	background:#548235;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding:10px;
}
.tbl-green td {
	border-top:1px solid #548235;
	font-size:16px;
	color:#444;
	line-height:28px;
	padding:10px 15px;
}
.tbl-red {
	width:100%;
	border:2px solid #bf1e2d;
	margin:0 auto;
}
.tbl-red th {
	background:#bf1e2d;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding:10px;
}
.tbl-red td {
	border-top:1px solid #bf1e2d;
	font-size:16px;
	color:#444;
	line-height:28px;
	padding:10px 15px;
}

.cont-group {
	width:100%;
	margin:0 auto;
}
.cont-group h3 {
	font-size:24px;
	color:#222;
	margin-bottom:30px;
}
.cont-group input[type="text"] {
	min-height:70px;
	font-size:20px;
	font-weight:200;
	color:#222;
	padding:10px;
	margin-bottom:10px
}
.cont-group input[type="checkbox"] {
	width:26px;
	height:26px;
}
.cont-group textarea {
	font-size:20px;
	font-weight:200;
	color:#222;
	padding:10px;
}
.cont-group input::placeholder,
.cont-group textarea::placeholder {
	color:#888;
}
.cont-group a.link-concur {
	font-size:24px;
	color:#aaa;
	text-decoration:underline;
	cursor:pointer;
}
.cont-group a.link-concur:hover {
	color:#fff;
}
.cont-group .btn-send {
	width:100%;
	background:#fff;
	border-radius:50px;
	border:2px solid #bf1e2d;
	font-size:24px;
	font-weight:600;
	color:#bf1e2d;
	padding:20px 10px;
}
.cont-group .btn-send:hover {
	background:#bf1e2d;
	color:#fff;
}
/*--------------------------------------------------------------
popup
--------------------------------------------------------------*/
#pop-infor {display:inline-block;}
#pop-infor .hidden {display:none;}
#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgb(0,0,0,0.5);
}
#popup {
	position:fixed;
	top:50%;
	left:50%;
	width:auto;
	min-width:500px;
	background-color:#fff;
	text-align:center;
	transform:translate(-50%,-50%);
	padding:30px;
	z-index:99;
}
.pop-cont {text-align:left;}
.pop-cont h3 {
	font-size:24px;
	font-weight:600;
	color:#222;
	padding-bottom:20px;
	margin:0;
}
.pop-text {
	border-bottom:1px solid #ccc;
	font-size:14px;
	color:#444;
	line-height:30px;
	padding-bottom:20px;
	margin:20px 0;
}
#pop-infor .btn-open {
	background:none;
	border:none;
	font-size:14px;
	color:#fff;
}
#pop-infor .btn-open:hover {
	color:#ff2f00;
}
#pop-infor .btn-close {
	width:auto;
	height:auto;
	background:none;
	border:1px solid #eee;
	font-size:14px;
	color:#444;
	padding:10px 20px;
	opacity:1;
}
#pop-infor .btn-close:hover {
	background:#eee;
}

.text-color1 {color:#bf1e2d;}
.text-color2 {color:#000;}
.fs-18 {font-size:18px;}
.fs-20 {font-size:20px;}
.fs-30 {font-size:30px;}
.pc-display {display:block;}
.mb-display {display:none;}
@media (max-width:991px) {
	.pc-display {display:none;}
	.mb-display {display:block;}
	#footer .footer-links li {
		text-align:left;
	}
	.form-group {
		width:100%;
	}
	#popup {
		min-width:94%;
	}
	.content-nav,
	.content-cont {
		float:none;
		width:100%;
		min-width:auto;
	}
	.content-nav {
		margin:0 0 30px;
	}
	.content-nav h2,
	.nav-banner {
		display:none;
	}
	.content-nav li {
		float:left;
		width:50%;
		background:#eee;
		border:1px solid #fff;
	}
	.content-nav li:hover,
	.content-nav li.open {
		border:1px solid #fff;
	}
	.history li.hs-year {
		width:100%;
		text-align:left;
		margin-bottom:10px;
	}
	.history li.hs-day {
		width:12%;
		min-width:40px;
		text-align:left;
	}
	.history li {
		width:88%;
	}
}