/*!
* Start Bootstrap - Resume v5.0.8 (https://startbootstrap.com/template-overviews/resume)
* Copyright 2013-2019 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
*/
@import url('https://fonts.googleapis.com/css?family=Jua&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }


body{font-family: 'yg-jalnan';color:#333;word-break: keep-all;}
@media (min-width:992px){
	body{padding-top:0;padding-left:17rem}
}
h1,h2,h3,h4,h5,h6{color:#343a40}
h1{font-size:6rem;line-height:5.5rem}
h2{font-size:3.5rem}
h3{font-size:2rem}
h4,p,footer,#footer {font-family: 'Noto Sans KR',sans-serif;}
p.lead{font-size:1.15rem;font-weight:400}

/* ================================
Navbar
================================= */
.navbar {padding: 0 1rem !important;}
#sideNav{background-color:#E6571A !important;}
#sideNav .navbar-nav .nav-item .nav-link{font-weight:800;letter-spacing:.05rem;text-transform:uppercase}
#sideNav .navbar-toggler:focus{outline-color:#d48a6e}
#sideNav .navbar-brand{font-size: 30px;line-height: 30px;padding:0 0 0 0 !important;display: none;}
@media (min-width:992px){
	#sideNav{text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:17rem;height:100vh;}
	#sideNav .navbar-brand{/*display:flex;*/width:100%;margin:20% auto 0;display: block;}
	#sideNav .navbar-brand .keyword {font-size: 26px;color:yellow;margin:0 0 5%;}
	#sideNav .navbar-brand .logo {
		width:100%;
		border:.5rem solid rgba(255,255,255,.2);
		border-radius: 10px !important;
		padding: 5% 0;
		margin-bottom: 10% !important;
		text-align: center;
		font-size: 32px;
		line-height: 40px;
		font-weight: normal;
		letter-spacing: 0;
	}
	#sideNav .navbar-collapse{display:flex;align-items:flex-start;flex-grow:0;width:100%;margin-bottom:auto}
	#sideNav .navbar-collapse .navbar-nav{flex-direction:column;width:100%}
	#sideNav .navbar-collapse .navbar-nav .nav-item{display:block}
	#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block;font-size: 24px;letter-spacing: -0.0em;}

}

/* ================================
intro
================================= */
#intro {background: url("../img/intro-img.jpg") center top no-repeat;background-size: cover;width:100%;height: 100vh;padding: 5% 0 !important;position: relative;}
#intro:after {content: '';display: block;clear: both;visibility: hidden;}
#intro::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#intro .intro-box {position: relative;width:100%;padding:5%;text-shadow:#666 1px 1px 0px;}
#intro h1 {color:#fff;font-weight:bold;font-size:60px;line-height: 60px;margin-bottom: 5%;}
#intro h1 span {color:yellow;font-weight:bold;font-size:39px;line-height: 39px;}
#intro h2 {color:#fff;font-weight:500;font-size:18px;line-height: 28px;margin-bottom: 5%;}
#intro h3 {color:#fff;font-weight:500;font-size:16px;line-height: 16px;margin-bottom: 5%;}
#intro h3 a {color:yellow;font-weight: bold;font-size:40px}
#intro p {color:#ddd;font-weight:500;font-size:18px;line-height: 28px;margin-bottom: 5%;}
#intro .social-icons a{display:inline-block;height:3.5rem;width:3.5rem;background-color:#333;color:#E6571A !important;border-radius:100%;text-align:center;font-size:1.5rem;line-height:3.5rem;margin-right:1rem}
#intro .social-icons a:last-child{margin-right:0}
#intro .social-icons a:hover{background-color:#E6571A}
#intro .social-icons i {line-height: 3.5rem;}
@media (min-width:992px){
	#intro {margin-top:0px;}
	#intro .intro-box {position: absolute;}
	#intro h1 {font-size:70px;line-height: 70px;margin-bottom: 3%;}
	#intro h1 span {}
	#intro h2 {font-size:24px;line-height: 34px;margin-bottom: 3%;}
	#intro h3 {font-size:24px;line-height: 24px;margin-bottom: 3%;}
	#intro h3 a {font-size:50px}
	#intro p {font-size:24px;line-height: 34px;margin-bottom: 3%;}
}

/* ================================
company
================================= */
#company {background: url("../img/company-img.jpg") center top no-repeat;background-size: cover;width:100%;padding: 10% 0 !important;position: relative;}
#company:after {content: '';display: block;clear: both;visibility: hidden;}
#company::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#company .company-box {position: relative;width:100%;padding:5%;text-shadow:#666 1px 1px 0px;}
#company h1 {color:#fff;font-weight:bold;font-size:60px;line-height: 60px;margin-bottom: 5%;}
#company h2 {color:yellow;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 5%;}
#company h3 {color:#fff;font-weight:500;font-size:20px;line-height: 28px;margin-bottom: 5%;}
#company h4 {color:#fff;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 5%;}
#company p {color:#ddd;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 2%;}
@media (min-width:992px){
	#company {height: 100vh;}
	#company .intro-box {position: absolute;}
	#company h1 {font-size:70px;line-height: 70px;margin-bottom: 3%;}
	#company h2 {font-size:22px;line-height: 22px;margin-bottom: 3%;}
	#company h3 {font-size:24px;line-height: 24px;margin-bottom: 3%;}
	#company h4 {font-size:20px;line-height: 20px;margin-bottom: 3%;}
	#company p {font-size:16px;line-height: 24px;margin-bottom: 2%;}
}

/* ================================
business
================================= */
#business {background: url("../img/business-img.jpg") center top no-repeat;background-size: cover;width:100%;padding: 10% 0 !important;position: relative;}
#business:after {content: '';display: block;clear: both;visibility: hidden;}
#business::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#business .business-box {position: relative;width:100%;padding:5%;text-shadow:#666 1px 1px 0px;}
#business h1 {color:#fff;font-weight:bold;font-size:60px;line-height: 60px;margin-bottom: 5%;}
#business h2 {color:yellow;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 5%;}
#business h3 {color:#fff;font-weight:500;font-size:20px;line-height: 28px;margin-bottom: 5%;}
#business h4 {color:#fff;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 5%;}
#business h5 {color:#fff;font-weight:bold;font-size:16px;line-height: 30px;margin-bottom: 5%;}
#business h5 i {color:yellow;}
#business p {color:#ddd;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 2%;}
@media (min-width:992px){
	#business {height: 100vh;}
	#business .intro-box {position: absolute;}
	#business h1 {font-size:70px;line-height: 70px;margin-bottom: 3%;}
	#business h2 {font-size:22px;line-height: 22px;margin-bottom: 3%;}
	#business h3 {font-size:24px;line-height: 24px;margin-bottom: 3%;}
	#business h4 {font-size:20px;line-height: 20px;margin-bottom: 3%;}
	#business h5 {font-size:20px;line-height: 30px;margin-bottom: 3%;}
	#business p {font-size:16px;line-height: 24px;margin-bottom: 2%;}
}

/* ================================
gallery
================================= */
#gallery {background: #eee;width:100%;padding: 10% 0 !important;position: relative;}
#gallery:after {content: '';display: block;clear: both;visibility: hidden;}
#gallery .gallery-box {position: relative;width:100%;padding:5%;}
#gallery h1 {color:#000;font-weight:bold;font-size:60px;line-height: 60px;margin-bottom: 5%;}
#gallery h2 {color:#E6571A;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 5%;}
#gallery p {color:#ddd;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 2%;}
#gallery ul {list-style:none;margin:0;padding:0;}
#gallery ul:after {content: '';display: block;clear: both;visibility: hidden;}
#gallery ul li {float:left;width:50%;margin:0 0 0 0;padding:0;}
#gallery ul li:nth-child(15) {display: none;}
#gallery ul li img {width:100%;}
@media (min-width:992px){
	#gallery {height: 100vh;}
	#gallery .intro-box {position: absolute;}
	#gallery h1 {font-size:70px;line-height: 70px;margin-bottom: 3%;}
	#gallery h2 {font-size:22px;line-height: 22px;margin-bottom: 3%;}
	#gallery p {font-size:16px;line-height: 24px;margin-bottom: 2%;}
	#gallery ul li {width:20%;}
	#gallery ul li:nth-child(15) {display: block;}
}

/* ================================
customer
================================= */
#customer {background: url("../img/customer-img.jpg") center top no-repeat;background-size: cover;width:100%;height: 100vh;padding: 5% 0 !important;position: relative;}
#customer:after {content: '';display: block;clear: both;visibility: hidden;}
#customer::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#customer .customer-box {position: relative;width:100%;padding:5%;text-shadow:#666 1px 1px 0px;}
#customer h1 {color:#fff;font-weight:bold;font-size:60px;line-height: 60px;margin-bottom: 5%;}
#customer h1 span {color:yellow;font-weight:bold;font-size:39px;line-height: 39px;}
#customer h2 {color:yellow;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 5%;}
#customer h3 {color:#fff;font-weight:500;font-size:20px;line-height: 34px;margin-bottom: 5%;}
#customer h3 a {color:yellow;font-weight: bold;font-size:40px}
#customer h4 {color:#fff;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 5%;}
#customer p {color:#ddd;font-weight:500;font-size:16px;line-height: 24px;margin-bottom: 5%;}
#customer .social-icons a{display:inline-block;height:3.5rem;width:3.5rem;background-color:#333;color:#E6571A !important;border-radius:100%;text-align:center;font-size:1.5rem;line-height:3.5rem;margin-right:1rem}
#customer .social-icons a:last-child{margin-right:0}
#customer .social-icons a:hover{background-color:#E6571A}
#customer .social-icons i {line-height: 3.5rem;}
@media (min-width:992px){
	#customer {margin-top:0px;}
	#customer .customer-box {position: absolute;}
	#customer h1 {font-size:70px;line-height: 70px;margin-bottom: 3%;}
	#customer h1 span {}
	#customer h2 {font-size:22px;line-height: 22px;margin-bottom: 3%;}
	#customer h3 {font-size:24px;line-height: 45px;margin-bottom: 3%;}
	#customer h3 a {font-size:50px}
	#customer h4 {font-size:20px;line-height: 20px;margin-bottom: 3%;}
	#customer p {font-size:24px;line-height: 34px;margin-bottom: 3%;}
}

/* ================================
footer
================================= */
footer {display: none;}
#footer {display: block;display: block;width:100%;padding:3% 0;text-align: center;background: #333;color:#fff;font-size: 14px;}
@media (min-width:992px){
	footer {display: block;width:100%;padding:3% 0;margin:0 0 6%;text-align: center;background-color: rgba(0, 0, 0, 0.5);color:#fff;font-size: 14px;}
	#footer {display: none;}
}

.pc_box {display: block;}
.mobile_box {display: none;}
@media (max-width: 768px) {
	.pc_box {display: none;}
	.mobile_box {display: block;}
}