/* Add here all your css styles (customizations) */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700,900);

/* 공통 */

*, h1, h2, h3, h4, h5, h6, body, td, p, input, button, textarea, select, li, a, span, .c1, .purchase span, table {
	font-family:'NanumGothic';
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
         url('../font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




@font-face {

    font-family:'NanumGothic';
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
         url('../font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




.menuf {font-family:나눔고딕, 'NanumGothic';
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
         url('../font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-size: 11pt;}




.menuf A:link {font-family:나눔고딕, 'NanumGothic';
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
         url('../font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-size: 11pt;}


.menuf A:visited {font-family:나눔고딕, 'NanumGothic';
    src: url('..font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
         url('../font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-size: 11pt;}


.menuf A:active {font-family:나눔고딕, 'NanumGothic';
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
         url('../font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-size: 11pt;}


.menuf A:hover {font-family:나눔고딕, 'NanumGothic';
    src: url('../../font/NanumGothic.eot');
    src: url('../../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../../font/NanumGothic.woff') format('woff'),
         url('../../font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-size: 11pt;}




/* 부트스트랩 수정 */

.content-xe *,
.x_modal-body * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.content-xe:after, .content-xe:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.content-xe .pagination {
	display: inherit;
	margin:0px;
	border-radius:0px;
}

.content-xe .nf-layout *,
.content-xe #widgetButton * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-xe input[type=checkbox],
.content-xe input[type=radio] {
	margin:0px;
}

/* 로고이미지 & 헤더 메뉴 투명도*/

.header-v3 {
	position:fixed;
	width:100%;
	background:#fff;
	background:rgba(255,255,255, 0.90);
	filter: alpha(opacity=90);
}

.header-v3 .navbar-brand {
	padding:0px 0 0 0;
}

@media (max-width: 991px) {
	.header-v3 .navbar-brand {
		padding-left:10px;
	}
	
	.header-fixed .header-v3, .header-fixed .header-v3.header-fixed-shrink {
		position: fixed;
		width:100%;
		background:#fff;
	}
	
	.header-fixed .header-v3.header-fixed-shrink .navbar-brand {
		top:10px;
	}
	
	.header-v3.header-fixed-shrink .navbar-default .navbar-toggle {
		top:17px;
	}
}



@media (max-width: 991px) {
	.header-v3 .navbar-default .navbar-nav > .active > a,
	.header-v3 .navbar-default .navbar-nav > .active > a:hover,
	.header-v3 .navbar-default .navbar-nav > .active > a:focus,
	.header-v3 .navbar-default .navbar-nav > li > a:hover {
		background: #000;
		color: #fff !important;
	}
}

.header-fixed .header-v3.header-fixed-shrink .navbar-brand img {
	width:85%;
}

/* 서브 */
.sub-menu {
	background:url('../../imgs/sub-bg.jpg');
	background-size: 100% 100%;
    background-repeat: no-repeat;
}

.sub-menu-title {
	padding:20px 0 10px 30px;
}

.sub-menu-title p,
.sub-menu-title h1 {
	color:#fff;
	margin:0px;
	letter-spacing:1px;
}

.sub-menu-list {
	padding:10px;
}

.sub-menu-list ul {
	background:#fff;
	padding:0 10px;
}

.sub-menu-list ul li {
	border-bottom:1px solid #eee;
	line-height:42px;
}

.sub-menu-list ul li:last-child {
	border:0px;
}

.sub-menu-list ul li i {
	margin-right:5px;
	font-size:13px;
}

.sub-menu-list ul li a {
	font-size:15px;
}

.sub-title {
	border-bottom:1px solid #eee;
	padding-top:39px;
}

.sub-title h1 {
	display:inline-block;
	font-size:40px;
	line-height:40px;
}

.breadcrumb {
	margin:0px;
	padding:12px 0;
	top:0px;
}

/* 슬라이더 */

.slider-title {
	color:#fff;
	text-shadow:0px 0px 2px #000;
}

@media only screen and (max-width: 991px){
  .main-master-slider {
	display:none;
  }
}

/* 컨텐츠 게시판 부분 */
.boardInformation {
	padding-bottom:15px;
}

.nf-center-image {
	display:inline-block;
}

.blog-post-tags {
	padding:10px;
}

.blog-post-tags ul.blog-info {
	margin:0px;
}

.blog-post-tags li {
	font-size:14px;
}

.nf-signature {
	font-size:14px;
	line-height:1.5;
}

.nf-like-icon {
	font-size:48px;
	padding:0 5px;
	color:#ff9900;
}

.extraVarsList th, .extraVarsList td {
	vertical-align:middle;
}

.board .boardNavigation {
	padding:20px 0;
}

.ContentsFormX .inputDate,
.ContentsFormX .inputText,
.ContentsFormX .inputNum,
.ContentsForm .inputText,
.ContentsForm .inputNum {
	padding:7px 5px;
	font-size:14px;
}

.ContentsFormX select {
	padding:6px 5px;
	width:105px;
	font-size:14px;
}

.ContentsFormX .inputText.title {
	width:70%;
}

.ContentsFormX .inputNum.tPoint {
	width:30%;
}

.extraVarsList th,
.ContentsFormX th {
	width:100px;
}

.ContentsFormX .inputDate,
.extraVarsList td,
.ContentsFormX td {
	width:auto;
}

.ContentsFormX .sellPhone {
	padding:15px 10px;
}

.extraVarsList tr td .text {
	padding:7px 5px;
	font-size:14px;
	width:70%;
}

.extraVarsList th, .extraVarsList td {
	padding:7px 10px;
}

.board .editorOption select {
	font-size:14px;
	padding:6px 5px;
}

.board .editorOption label {
	font-size:14px;
}

.tag-box table {
	margin-bottom:0px;
	font-size:14px;
}

/* 하단 */

.link-list a {
	font-size:13px;
}

.footer-v2 .copyright {
	background:none;
	margin:25px 0 15px;
}

.footer-v2 .copyright p {
	font-size:14px;
	letter-spacing:1px;
	color:#666;
}

#topcontrol {
	background:#fff;
	color:#ccc;
	border:1px solid #999;
}

#topcontrol:hover {
	background:#ccc;
}

/* 소셜링크 */

.sj-social-links {
	font-size:18px;
}

.sj-social-links a {
	width:18px;
	height:18px;
	line-height:18px !important;
	position:relative;
	margin:0 10px;
	text-align:center;
	display:inline-block;
	color:#000;
}

.sj-social-links a:hover{
    color: #999
}

/* 에니메이션 시간지연 */
.animated-5s {
	-webkit-animation-duration: 5s;
    animation-duration: 5s;
}

/* 어바웃 페이지 */

.about-cont h3 {
	font-size:16px;
	color:#686868;
	letter-spacing:1px;
	font-weight:700;
}

.about-cont p {
	font-size:14px;
	color:#959595;
	font-weight:400;
}

.about-cont .slogan {
	color:#4f4f4f;
}

.about-dmap {
	position:relative;
	background:#000;
}

.inner-map {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    background: rgba(199,199,199,0.9);
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.map-toggle {
    width: 200px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -100px;
    color: #fff;
    text-align: center;
}

.map-icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin: 0 auto;
    position: relative;
	padding:3px 3px 5px 3px;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.inner-map.open .map-icon {
	opacity:0;
}

.map-text {
    margin-left: 10px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}

.inner-map.open .map-text {
    position: relative;
    top: -60px;
}

.inner-map.open {
    height: 50px;
    background: rgba(199,199,199,0.9);
}

.about-contact span {
	font-size:16px;
	letter-spacing:1px;
	color:#000;
}

.about-contact p {
	font-size:15px;
}

.about-contact i.icon-custom {
	border:1px solid #000;
	color:#000;
}


/* ==============================
   Page loader
   ============================== */


.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

.loader{
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 1);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 1400ms infinite linear;
   -moz-animation: spinner 1400ms infinite linear;
   -ms-animation: spinner 1400ms infinite linear;
   -o-animation: spinner 1400ms infinite linear;
   animation: spinner 1400ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* 마스터슬라이더 */
.ms-slide-loading {
	display:none;
}
/* 큐브포트폴리오 로딩 */
.cbp:before {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	font-size: 10px;
	text-indent: -12345px;
	border-top: 1px solid rgba(0,0,0, 0.08);
	border-right: 1px solid rgba(0,0,0, 0.08);
	border-bottom: 1px solid rgba(0,0,0, 0.08);
	border-left: 1px solid rgba(0,0,0, 1);
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-animation: spinner 1400ms infinite linear;
	-moz-animation: spinner 1400ms infinite linear;
	-ms-animation: spinner 1400ms infinite linear;
	-o-animation: spinner 1400ms infinite linear;
	animation: spinner 1400ms infinite linear;
	
	z-index: 100001;
	
	background:none;
	
}
/* 예약약관 */

.sj-agree .agree-cont {
	margin:0 auto;
	width:800px;
	height:600px;
	border:1px solid #ddd;
	overflow-y:auto;
}

@media (max-width: 991px) {
	.sj-agree .agree-cont {
		width:100%
	}
}

/* 프로덕트 리스트 - 본페이지 */

.sj-prod-list a {
	text-decoration:none;
	color:#000;
}

.sj-prod-list .fe_box .fe_box_inner {
	webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	text-align:center;
	overflow:hidden;
	padding:0 20px;
	height:300px;
	background:#aaa;
}

.sj-prod-list .fe_box .fe_box_inner:hover {
	background:#000;
}

.sj-prod-list .fe_box .fe_box_inner:hover i {
	color:#fff;
}

.sj-prod-list .fe_box .fe_box_inner .fe_top h2 {
	color:#fff;
}

.sj-prod-list .fe_box .fe_box_inner:hover .link-btn {
	background:#fff;
	color:#000;
}

.sj-prod-list .fe_box .fe_box_inner .fe_bottom p {
	color:#efefef;
	font-size:13px;
	letter-spacing:-0.05em;
}

.sj-prod-list .fe_box .fe_box_inner:hover .fe_bottom p {
	color:#efefef;
	font-size:13px;
	letter-spacing:-0.05em;
}

.sj-prod-list .fe_box .fe_box_inner:hover .fe_top {
	top: 55px;
}

.sj-prod-list .fe_box .fe_box_inner:hover .fe_bottom {
	top: 100px;
}

.sj-prod-list .fe_box_inner .fe_top {
	position: relative;
    top: 100px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.sj-prod-list .fe_box_inner .fe_bottom {
    position: relative;
    top: 250px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.sj-prod-list .fe_box_inner .fe_bottom p {
	font-size:15px;
}

.link-btn {
	background:#000;
	font-size:13px;
	padding:3px 7px;
	color:#fff;
}

.prod-page-title {
	font-size:48px;
	margin:20px 0 20px;
	color:#848484;
}

.prod-page-cont {
	font-size:14px;
	margin:0 0 90px;
	color:#848484;
}

/* 상품페이지 서브 */
/* 프로덕트 리스트 - 본페이지 */

.sj-prod-list-sub a {
	text-decoration:none;
	color:#000;
}

.sj-prod-list-sub .fe_box .fe_box_inner {
	webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	text-align:center;
	overflow:hidden;
	padding:0 20px;
	height:178px;
	background:#f2f2f2;
}

.sj-prod-list-sub .fe_box .fe_box_inner:hover {
	background:#aaa;
}

.sj-prod-list-sub .fe_box .fe_box_inner:hover i {
	color:#fff;
}

.sj-prod-list-sub .fe_box .fe_box_inner:hover .fe_top h2 {
	color:#fff;
}

.sj-prod-list-sub .fe_box .fe_box_inner:hover .fe_top .link-btn {
	background:#000 !important;
}

.sj-prod-list-sub .fe_box .fe_box_inner .fe_bottom p {
	color:#efefef;
	font-size:13px;
	letter-spacing:-0.05em;
}

.sj-prod-list-sub .fe_box .fe_box_inner:hover .fe_bottom p {
	color:#efefef;
	font-size:13px;
	letter-spacing:-0.05em;
}

.sj-prod-list-sub .fe_box .fe_box_inner:hover .fe_top {
	top: 65px;
}

.sj-prod-list-sub .fe_box .fe_box_inner:hover .fe_bottom {
	top: 20px;
}

.sj-prod-list-sub .fe_box_inner .fe_top {
	position: relative;
    top: 65px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.sj-prod-list-sub .fe_box_inner .fe_bottom {
    position: relative;
    top: 125px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.sj-prod-list-sub .fe_box_inner .fe_bottom p {
	font-size:15px;
}

.prod-page-title {
	font-size:48px;
	margin:20px 0 20px;
	color:#848484;
}

.prod-page-cont {
	font-size:14px;
	margin:0 0 90px;
	color:#848484;
}

/* 게시판 버튼 색상 변경 */

.agree-btn,
.board .btn_insert {
	background:#747472 !important;
	font-size:13px;
	padding:3px 7px;
}

.agree-btn:hover,
.agree-btn:focus,
.board .btn_insert:hover,
.board .btn_insert:focus {
	background:#000 !important;
}

/* 스냅자카 경고창 */
.alert-sj-light {
	background:#dedede;
}

/* 마스터 슬라이더 시작배경색 */

.ms-view {
	background:#fff;
}

/* 게시판 반응형 css */

@media (max-width: 767px) {
	.exForm .text,
	 .exForm .email_address,
	  .exForm .homepage,
	   .exForm .address {
	    width: 150px;
	}
	.exForm th {
		white-space: normal;
		width:140px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.ms-skin-default .ms-nav-next,
	.ms-skin-default .ms-nav-prev {
		display:none;
	}
}