/* 원본 css같이 수정 ----- 루트/css/style.min.css */


/*
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.font-nanummyeongjo { font-family: 'Nanum Myeongjo', serif; }
*/

.l {float: left;}
.r {float: right;}
.c {clear: both;}

.noto-light { font-family: 'notokr-light'; }
.noto-demilight { font-family: 'notokr-demilight'; }
.noto-regular { font-family: 'notokr-regular'; }
.noto-medium { font-family: 'notokr-medium'; }
.noto-bold { font-family: 'notokr-bold'; }
.noto-black { font-family: 'notokr-black'; }

.consed { letter-spacing :-0.05em; }
.consed2 { letter-spacing :-0.075em; }

.btn { border-radius: 0; }
.btn-w { background: #fff; color: #666; border: 1px solid #b2b2b2;}
.btn.btn-w:hover,
.btn.btn-w:focus { background: #222; color: #fff; }

.m-r-10 { margin-right: 10px; }
.m-r-20 { margin-right: 20px; }

.gnb { width: 98%; }

.navbar-custom {
	text-transform: uppercase;
	letter-spacing: -0em;
    font-family: 'Open Sans Condensed';
    font-weight: 300;
	font-size: 13px;
}

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .nav .current > a {
	background: none;
	/* color: #000; */
	font-weight: 700;
}

.navbar-custom .navbar-brand {
	letter-spacing: 0em;
	font-size: 18px;
	text-transform: none;
}

.navbar-custom .navbar-toggle { margin-right: 5px; }
.navbar-custom .navbar-right { margin-right: 0; }


@media (min-width: 768px) {
	.nav>li>a { padding: 15px 6px; font-size: 12.5px;}
}

@media (min-width: 922px) {
	.nav>li>a { padding: 15px 10px; font-size: 14px;}
}

.hs-title-size-4 {
	letter-spacing: 0.1em;
	font-size: 36px;
}

.only_mobile { display: none; }

@media (max-width: 767px) {

	.hs-title-size-4 { font-size: 20px; }
	.only_mobile { display: inline; }
}

.only_desktop { display: none; }

h1 {
    margin: 0;
    letter-spacing: 0;
    font-size: 30px;
    color: #222;
	font-family: notokr-medium;
}
h2 {
    margin: 0 0 20px;
    letter-spacing: 0;
    font-size: 30px;
    color: #222;
}
h4 { color: #222; }

@media (min-width: 768px) {
	h1 { font-size: 46px; }
	.only_desktop { display: block; }
}

.filter > li { display: inline-block; padding: 5px 0; margin: 0 10px; letter-spacing: -0.1em;}

@media (max-width: 767px) {
	.filter > li { width: 49%; padding: 5px 0; margin: 0; }
	.footer_menu { display: none; }
}

.footer-info { }
.footer-info > li { display: inline-block;  padding: 5px 0; margin: 0 20px; }

.wrapper {
    background: #f9f9f9;
}
footer { background: #fff; }

.contactus p { margin: 0; margin-bottom: 5px; }  

.foot-logo img { width: 220px; }

@media (max-width: 767px) {
	.foot-logo img { width: 130px; }
}

/*about*/

.about .module-about { height: 240px; padding: 0;}
.about .module-about .mobile_logo { margin-top: 140px; }
.about .introduce { height: 130px; margin-top: -202px; }

@media (min-width: 545px) {
	.about .module-about .mobile_logo { margin-top: 100px; }
	.about .introduce { height: 180px; }
}

@media (min-width: 768px) {
	.about .module-about { height: 360px; }
	.about .module-about .mobile_logo { margin-top: 180px; }
	.about .introduce { height: 240px; }
}

.about .module-about-resize { height: 360px; padding: 0;}
.about .module-about-resize .mobile_logo { margin-top: 240px; }

@media (min-width: 545px) {
	.about .module-about-resize .mobile_logo { margin-top: 200px; }
}

@media (min-width: 768px) {
	.about .module-about-resize { height: 540px; }
	.about .module-about-resize .mobile_logo { margin-top: 270px; }
}

.fa-icons > a {
	padding: 0;
	padding-right: 10px;
	border: 1px solid #e5e5e5;
	margin: -1px 0 0 -1px;
	font-size: 13px;
	height: 40px;
	overflow: hidden;
	word-break: break-all;
}

.fa-icons > a:hover,
.fa-icons > a:focus { background: #fff; }

.fa-icons > a > i {
	display: inline-block;
	margin-right: 5px;
	min-width: 40px;
	min-height: 40px;
	border-right: 1px solid #f1f1f1;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}

/* 서브페이지 */
.video-clip li a { border: 1px solid #eee;}
.video-clip .btn_video_play { position: absolute; top: 50%; left: 50%; margin-top: -31px; margin-left: -18px; opacity: .8;}
.video-clip li a:hover .btn_video_play { opacity:1; }
.video-clip p { background: #fff;  margin:0; text-align: center; height: 36px; line-height: 36px;overflow: hidden;}
.btn-youtube { width: 100%; line-height: 40px; padding:0; border: 1px solid #eee; }
.btn-youtube > i { font-size: 16px; margin-right: 5px; }

@media only screen and (max-width: 480px) {

	.video-clip.works-grid-4 .work-item { width: 50%; }

}
.product-draw p {text-align: center; margin: 0 auto;}
.module-product { height: 540px; }