@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */

@import url(/skin/notokr/notokr.css);
html {
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	background-color: #fff;
}

/* 폰트 설정 */

.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
	font-family: 'notokr', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */

ol,
ul,
li {
	list-style: none;
	list-style-position: inside;
}

.container_contents,
.footer_copy>div,
.sub-layout {
	width: 100%;
	padding: 0;
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br {
	display: none;
}

.topmarginLay_a {
	height: 84px !important;
}

/*메뉴 설정*/

.navbar-inverse {
	margin: 0;
	background: #fff;
	border: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.navbar-inverse .navbar-brand {
	position: relative;
	color: #a03f62 !important;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1;
	padding: 0;
	margin: 18px 0 !important;
}

.navbar-inverse .navbar-brand::after {
    content: 'BRAND ODM';
    left: 4px;
    bottom: -14px;
    width: 150px;
    position: absolute;
    font-size: 12px;
    letter-spacing: 0.3em;
    white-space: nowrap;
}

.navbar-right {
	float: right !important;
	/* margin: 0 0 0 40px !important; */
}

.navbar-inverse .navbar-nav>li>a {
	color: #444;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1;
	margin: 0;
	padding: 34px 20px;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background: none;
	color: #d07596;
}

/* 인스타그램 */
.navbar-inverse .navbar-nav>li.instagram {
    padding: 25px 0 25px 10px;
}
#menuTop a > i {
    padding: 8px 9px;
    font-size: 17px;
    color: #fff;
    background: #d73889;
    border-radius: 30px;
}
#menuTop a:hover i {
	background: #a03f62;
}

.navbar-inverse .dropdown-menu {
	margin: 0;
	padding: 10px 10px;
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 2px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	left: 0;
	right: auto;
	min-width: 180px;
}

.navbar-inverse .dropdown-menu>li>a {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.02em;
	line-height: 1;
	padding: 14px 16px;
}

.navbar-inverse .dropdown-menu>li>a:hover,
.navbar-inverse .dropdown-menu>li>a:focus {
	background: #d07596;
	color: #fff;
}

/*햄버거 메뉴*/

.navbar-inverse .navbar-toggle {
	color: #ddd;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background: #ddd;
}

.navbar-inverse .navbar-toggle .icon-bar {
	color: #ddd;
	background: #d07596;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #d07596;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #d07596;
}

/*메인페이지*/

.intro-html-layout>.col-sm-12 {
	padding: 0;
}
.subpage-content ul li span{
	font-size: 18px;
}
.subpage-content .list{
	margin-top: 23px;
}
.subpage-content .list .jump{
	padding: 15px 0;
}
.sub02 p{
	font-size: 30px;
	font-weight: 800;
	color: #a03f62;
}
.sub02{
	padding-top: 20px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.carousel-caption h3.main-title {
	color: #fff;
	text-shadow: 2px 3px 10px #000;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0.04em;
	padding-top: 300px;
}

.carousel-caption h2.main-title {
	color: #fff;
	text-shadow: 2px 3px 10px #000;
	font-size: 60px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

@media(min-width:768px) {
	.subpage-header h2 {
    margin: 0;
    color: #222;
    font-size: 44px;
    font-weight: 300;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    letter-spacing: 0.04em;
}

	.mainpage-content {
		/* position: absolute; */
		/* width: 100%; */
		width: 50%;
		left: 25%;
		top: 65%;
		/* transform: translateY(-50%); */
		padding: 80px 0 100px 0;
	}
	.mainpage-content>.row {
		max-width: 1170px;
		margin: 0 auto;
	}
	.breadcrumb {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
    color: #888;
    font-size: 13px;
    text-align: right;
    line-height: 1;
}
	.submenu h3::before {
		content: "";
		background: #a03f62;
		width: 20px;
		height: 2px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.brand-btn p {
		color: #666;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: -0.04em;
	}
	.brand-btn p a {
		display: inline-block;
		background: #fff;
		padding: 10px 40px;
		border: 1px solid #d07596;
		border-radius: 50px;
		color: #d07596;
		text-decoration: none;
		font-weight: 800;
		letter-spacing: 0.02em;
		margin-left: 8px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}
	.brand-btn p a:hover,
	.brand-btn p a:focus {
		background: #d07596;
		color: #fff;
	}
/* 	.subpage-content .subpage-wrapper {
		border-right: 2px solid #d07596;
	} */
	.subpage-content .subpage-i {
		margin: 0 0 40px;
		padding: 12px 0;
		color: #444;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		line-height: 1;
		letter-spacing: -0.04em;
		background: #f6f6f6;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	.subpage-content p.item-wrapper {
		text-align: center;
		font-size: 13px;
		font-weight: 650;
		color: #d07596;
		line-height: 1;
	}
    /*.subpage-content p.item-wrapper::before {
		content: "\f111";
		font-family: "FontAwesome";
		position: absolute;
		left: -17px;
		top: -11px;
		transform: translate(50%, 50%);
	} */
	.subpage-content .item-wrapper~p {
		color: #666;
		font-size: 15px;
		padding: 20px 30px;
	}
}

.carousel-caption {
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	margin: -180px 0 0;
	padding: 0;
	color: #d07596;
	font-size: 60px;
	position: absolute;
	top: 55%;
	bottom: auto;
	transform: translateY(-50%);
}

@media(max-width:767px) {
	#menuTop {
		top: 26px;
		right: 85px;
		position: absolute;
	}
	.subpage-header {
		height: 200px !important;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 10px 20px;
	}
	.navbar-right {
		float: left !important;
	}
	.navbar-inverse .navbar-toggle{
		margin: 25px 20px 0 0;
	}
	.navbar-inverse .navbar-brand {
		margin: 20px 20px 30px !important;
	}
	.mainpage-content .m_box {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 50px;;
	}
	.subpage-header h2 {
		margin: 0;
		color: #d07596;
		font-size: 40px;
		font-weight: 600;
		transform: translate(30%, 50%);
		position: absolute;
		left: 20%;
		top: 25%;
	}
	.carousel-caption h3.main-title{
		font-size: 20px;
	}
	.carousel-caption h2.main-title {
		font-size: 55px;
	}
	.mainpage-content {
		padding-top: 30px;
	}
	.breadcrumb {
		padding: 10px 0 0;
		list-style: none;
		background-color: transparent;
		text-align: center;
		border-radius: 0;
	}
	.submenu h3::before {
		content: "-";
		font-weight: 700;
	}
	.subpage-content .col-md-6>h4 {
		text-align: center;
		font-weight: 650;
		color: #d07596;
	}
}

.carousel-inner>.item:first-child {
	background: url("/skin/img/slide/slide.jpg") no-repeat center/cover;
	height: 700px;
	overflow: hidden;
}

.carousel-inner>.item:last-child {
	background: url("/skin/img/slide/slide03.jpg") no-repeat center/cover;
	height: 700px;
	overflow: hidden;
}

span.main-carousel-control:before {
	color: #ddd;
	font-size: 50px;
}

.carousel-control:focus,
.carousel-control:hover {
	color: #d07596;
}

/*mainpage-content*/

.mainpage-content .m_box {
	height: 100px;
	border-radius: 4px;
	overflow: hidden;
	/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); */
	position: relative;
	text-align: center;
}

/* .mainpage-content .m_box:hover,
.mainpage-content .m_box:focus {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
} */

.mainpage-content .m_box img {
	padding: 0;
	border-radius: 0;
	border: none;
}
.mainpage-content .m_box p {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #000;
	/* background: #d07596; */

	bottom: -15px;;
}

.mainpage-content .m_box i{
	font-size: 50px;
	color:#000;
}
.mainpage-content .m_box:hover i{
	color:#a03f62;
}
.mainpage-content .m_box a {
	color: #dedede;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	padding: 100px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.mainpage-content{
	text-align: center;
}
.mainpage-content h2{
	padding-bottom: 10px;
	margin-bottom: 50px;
	border-bottom: 2px solid #000;
	display: inline-block;
} 
.mainpage-content .m_box p>a:before {
	content: "\f067";
	font-family: "FontAwesome";
	padding-right: 4px;
}

/* subpage 공통*/
.bread-wrapper {
    background: #f6f6f6;
    padding: 18px 0;
}
.sub-layout .subpage {
	padding-bottom: 80px;
	min-height: 960px;
}

.subpage-header {
	position: relative;
	background: url(/skin/img/sub/subTop.jpg) no-repeat center/cover;
	height: 280px;
}

.breadcrumb>li+li:before {
	color: #aaa;
}

.breadcrumb .fa-home {
	content: "/f015";
	font-family: "fontawesome";
}
.breadcrumb>.active {
    color: #a03f62;
    font-weight: 600;
}
.submenu h3 {
    margin: 0 0 20px;
    padding: 12px 0 0;
    color: #a03f62;
    font-size: 32px;
    letter-spacing: -0.04em;
    line-height: 1;
    position: relative;
}

.submenu ul {
	margin: 40px 0 0;
	padding: 0;
}

.submenu li {
	margin: 0 0 10px;
}
.submenu li a {
    min-width: 157px;
    display: inline-block;
    color: #888;
    background: #f6f6f6;
    /* border-radius: 50px; */
    padding: 8px 20px;
    font-size: 14px;
    text-decoration: none;
}

.submenu li a::before {
	content: "-";
}
.submenu li.active a {
    background: #a03f62;
    color: #fff;

}
.subpage-content h3 {
	color: #222;
	margin: 0 0 40px;
	padding: 12px 0 0;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1;
	position: relative;
}

.subpage-content h3::before {
	content: "";
	background: #222;
	width: 20px;
	height: 2px;
	position: absolute;
	left: 0;
	top: 0;
}

/* about.html */
#about .subpage-content ul {
	margin: 0;
	padding: 0;
}

#about .subpage-content ul li {
	padding-left: 10px;
	font-size: 16px;
}

#about .subpage-content ul span {
	margin: 0;
	color: #666;
	letter-spacing: -0.04em;
	line-height: 1.8;
	padding-left: 0;
	position: relative;
}

#about .subpage-content ul p:before {
	content: "";
	background: #ccc;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
}

#about .subpage-about-end{
	padding: 20px;
	text-align: right;
	font-size: 20px;
}
#about .subpage-about-end p{
	color: #a03f62;
	font-weight: 600;
}
/* Brand1.html , Brand2.html , Brand.html(new) 공통*/

.subpage-brand-wrapper{
    padding-bottom: 50px !important;
}

.subpage-brand-wrapper a{
	font-size:15px;
	text-decoration:none;
}


.subpage-brand-wrapper p.subpage-wrapper{
	font-size : 30px;
	font-weight : 600;
}

.brand-btn {
	text-align: center;
	margin: 40px 0 0;
}

.brand-btn:hover {
	text-decoration: none;
}

/* information.html*/

.subpage>.container {
	padding-top: 60px;
}

.subpage-content .maintenance {
	margin-top: 5px;
	border: 7px solid #E5E5E5;
	padding: 50px 25px;
	text-align: center;
}

.maintenance .icon {
	display: block;
	line-height: 1;
	font-size: 64px;
	margin-bottom: 10px;
}

.maintenance .big-cont {
	display: block;
	line-height: 1;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin-bottom: 20px;
}

.maintenance .small-cont {
	display: block;
	line-height: 1.5;
	font-size: 14px;
	letter-spacing: -0.03em;
	color: #818181;
	margin-bottom: 20px;
}


/* oem1.html */
.subpage-content .service-row{
 padding-top: 30px;
}

.subpage-content .service-row .oem-wrapper{
	text-align:center;

}

.subpage-content .service-row .i-wrapper{
    font-size: 70px;
	text-align:center;
}

.subpage-content .service-row .service-wrapper{
	margin: 0 0 20px 0;
	border : 1px solid #ddd;
	position: relative;
	min-height: 129px;
}
.subpage-content .service-row .service-wrapper .i-wrapper{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.subpage-content .service-row .service-wrapper .i-wrapper i{
	color: #a03f62;
}
.oem-wrapper{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

/* Q/A.html */

.subpage-content .bbs-area h2 {
	display: none;
}

.input-group span.input-group-btn .btn {
	color: #fff;
}
.dh-margin-top .pagination .active a {
    background: #d07596;
    border-color: #d07596;
}
/*contact_mail.html */
.bbs-area .btn {
    background: #a03f62;
    border-color: #a03f62;
}
/* .map-wrapper {
	padding-top: 30px;
} */
.map-wrapper p.map {
    margin: 40px 0 20px;
    font-size: 20px;
    font-weight: 600;
    color: #a03f62;
}

.map-wrapper p.map::before {
	content: "-";
}
.map-table {
    border-top: 2px solid #a03f62;
    margin: 20px 0 0;
}
/*footer*/
.footer {
    background: #f3e0e7;
    padding: 20px 0;
}

.footer-info ul {
	margin: 0;
	padding: 0;
}

.footer-info ul li{
  float : left;
}

.footer-info ul li.copyright{
	text-align:center;
}

.footer-info span {
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0;
    line-height: 1.6;
	padding: 0 15px;
}

.footer-info p{
	padding: 25px 0 0;
    text-align: center;
}


/*board  */
.board>.container {
	padding-top: 60px;
	padding-bottom: 100px;
}
.dh-board .table {
    border-top: 2px solid #a03f62 !important;
    border-bottom: 1px solid #dedede !important;
    margin: 0 0 40px !important;
}

.table thead tr th,
.table tbody tr th,
.table tbody tr td {
	text-align: left;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.04em;
	padding: 14px 16px;
	line-height: 1.6;
	border-bottom: 1px solid #e6e6e6;
}

.table thead tr th {
	background: #f6f6f6;
	color: #222;
	font-weight: 600;
	border-bottom: 1px solid #dedede;
}

.dh-board .table tbody tr td a {
	color: #222;
	font-weight: 500;
}
@media(max-width:768px){
	.dhb-txt-box-type-b-img-layout .thumb-hidden {
		max-height: 100%;
	}
}
.dhb-txt-box-type-b-img-layout .thumb-hidden {
    height: 100vh;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b {
    background-color: transparent;
    border: none;
    padding: 10px 5px;
}
.dhb-txt-box-type-b-text-layout{
	/* display: none; */
}
.thumb-hidden {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.dh-board {
	text-align: center;
}
.txt-box-footer{
	display: none;
}
.dh-view-box>.row>.dh-view-info{
	display: none;
}