/* ★Layout / Start★ */
/* 컨텐츠 */
#content-test {
	z-index:100;
	margin-top:80px;
	/*float:left;*/
	position:relative;
	/*margin-bottom:355px;*/
	/*border-bottom:1px solid #d5d5d5;*/
	/* 게시판은 skin/inc/top_menu.tpl에서 컨트롤 */
}
@media screen and (max-width: 768px) {
#content-test {
	margin-top:0px;
    margin-bottom:0px !important;
}
}
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content-test {
   /* margin-bottom:355px;*/
	/* 게시판은 skin/inc/top_menu.tpl에서 컨트롤 */
}	
}
/* 폰트설정 */
.nanum {
	font-weight:400;
	font-family:'NanumGothic', 'NanumGothicBold', Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
.nanumB {
	font-weight:700;
	font-family:'NanumGothic', 'NanumGothicBold', Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}

/***** 메인비주얼 / 시작 *****/
.visual-img {
	animation-name:vs_img01;
	animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-delay:0s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes vs_img01 {
    from {margin-top:30px;}
    to {margin-top:60px;}
}
/* Standard syntax */
@keyframes vs_img01 {
    from {margin-top:30px;}
    to {margin-top:60px;}
}
/***** 메인비주얼 / 끝 *****/

/***** 회사소개 / 시작 *****/
#c_company {
	position:relative;
	background:#fff;
}
#c_company h4 {
	margin-top:0px;
	color:#444;
	font-size:20px;
	text-align:left;
	font-family:'NanumGothicBold', 'NanumGothic', Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
#c_company .col-md-4 p {
	font-size:15px;
	line-height:25px;
	text-align:left;
}
/***** 회사소개 / 끝 *****/

/***** 비전 / 시작 *****/
#vision {
	padding-top:20px;
}
#vision .section-heading {
	padding-top:70px;
}
@media screen and (max-width: 768px) {
#vision .section-heading {
	padding-top:30px;
}
}
#vision .section-heading h3 {
	color:#333 !important;
	font-size:25px !important;
	text-align:center;
	font-family:'NanumGothicBold', 'NanumGothic';
}
#vision .box {
    padding:20px;  
	margin-bottom:70px;
	height:220px;
	font-size:14px;
    text-align:center;
	background:#fff;
    position:relative;
	background:url('../images/pattern/c_white50.png') left top repeat;
	/* 박스 그림자 */
	-webkit-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-o-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	/* 가로/세로/강도/색상(코드값-투명도)=선명하지않음 */
}
@media screen and (max-width: 768px) {
#vision .box {
	height:auto;
}
#vision .diff {
	/*margin-top:30px;*/
}
}
#vision .box .icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  top: 0;
  margin-top:-60px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: table;
  text-align: center;
  /* 애니메이션 - 효과 */
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
#vision .box .icon > span {
  display: table-cell;
  vertical-align: middle;
}
#vision .box .icon > span i {
  font-size: 40px;
  color: #fff !important;
  margin: 0;
  padding: 0;
}
#vision .box .icon.colored-1 {
  background:#6daf18 url('../images/company/icon01.png') 50% 50% no-repeat;
}
#vision .box:hover .icon.colored-1 {
  background:#666 url('../images/company/icon01.png') 50% 50% no-repeat;
}
#vision .box .icon.colored-2 {
  background:#ff6600 url('../images/company/icon02.png') 50% 50% no-repeat;
}
#vision .box:hover .icon.colored-2 {
  background:#666 url('../images/company/icon02.png') 50% 50% no-repeat;
}
#vision .box .icon.colored-3 {
  background:#089fd3 url('../images/company/icon03.png') 50% 50% no-repeat;
}
#vision .box:hover .icon.colored-3 {
  background:#666 url('../images/company/icon03.png') 50% 50% no-repeat;
}
#vision .box .icon.colored-4 {
  background:#e04444 url('../images/company/icon04.png') 50% 50% no-repeat;
}
#vision .box:hover .icon.colored-4 {
  background:#666 url('../images/company/icon04.png') 50% 50% no-repeat;
}
#vision .box:hover .icon {
	/*background:#089fd3;*/
	/* 애니메이션 - 이동 */
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);	
	transform:translateY(-10px);
	/* 박스 그림자 */
	-webkit-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
}
/***** 비전 / 끝 *****/

/***** 찾아오시는 길 / 시작 *****/
#c_location {
	position:relative;
	background:#fff;
}
.contact-info h2{
  margin-top: 0;
  color: #000;
}
.contact-info{
  color:#000;
}
.gmap-area {
	position:relative;
	width:100%;
	/*background-image: url("../images/company/location_bg01.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;*/
	/*padding: 70px 0;*/
}
.gmap-area .gmap iframe {
	height: 280px;
	width: 300px;
	/* 둥근 모서리 */ 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}
.gmap {
	border: 10px solid #f6f5f0;
	height: 300px;
	width: 300px;
	box-shadow: 0px 0px 3px 3px #e7e4dc;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-bottom:50px;
	/* 둥근 모서리 */ 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}

@media screen and (max-width: 768px) {
.gmap-area .map-content {
	margin-top:50px;
	padding-right:30px;
}
}
.gmap-area .map-content ul {
	list-style: none;
}
.gmap-area .map-content address h4 {
	margin-top:0px;
	color:#444;
	font-size:20px;
	text-align:left;
	font-family:'NanumGothicBold', 'NanumGothic', Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
.gmap-area .map-content address p {
	font-size:15px;
	line-height:25px;
	text-align:left;
}
/***** 찾아오시는 길 / 끝 *****/

/***** 문의사항 / 시작 *****/
#c_contact {
	position:relative;
	padding-top:0px;
	background:#fff;
}
@media screen and (max-width: 768px) {
#c_contact .contact-form {
	padding:0px 15px 0px 15px;
	/* 너비 = 보더값 + 박스모델 */ 
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
 *behavior:url('boxsizing.htc');	
}
}
#c_contact .contact-form .form-group label {
	color:#555;
	font-size:14px;	
	font-family:'NanumGothicBold', 'NanumGothic', Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
.form-group .form-control {
	padding: 7px 12px;
	border-color:#f2f2f2;
	box-shadow: none;
}
textarea#message {
	resize: none;
	padding: 10px;
}
#c_contact .c_contact {
	margin-top: 20px;
}
/***** 문의사항 / 끝 *****/

/***** 설명 / 시작 *****/
#fh5co-info .col-md-6 {
	padding-left:0px;
	padding-right:0px;
	margin:0px;
}
#fh5co-info div {
	margin:0 auto;
	position:relative;
}
#fh5co-info div.img01 {
	width:550px;
	height:750px;
	background:url('../images/info/img01.jpg') 50% top no-repeat;
	-webkit-background-size:550px 750px;
	-background-size:550px 750px;
	/* 박스 그림자 */
	-webkit-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-o-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	/* 가로/세로/강도/색상(코드값-투명도)=선명하지않음 */
}
#fh5co-info div.img02 {
	width:550px;
	height:750px;
	background:url('../images/info/img02.jpg') 50% top no-repeat;
	-webkit-background-size:550px 750px;
	-background-size:550px 750px;
	/* 박스 그림자 */
	-webkit-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-o-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	/* 가로/세로/강도/색상(코드값-투명도)=선명하지않음 */
}
@media screen and (max-width: 768px) {
#fh5co-info div.img01 {
	width:320px;
	height:436px;
	background:url('../images/info/img01.jpg') 50% top no-repeat;
	-webkit-background-size:320px 436px;
	-background-size:320px 436px;
}
#fh5co-info div.img02 {
	width:320px;
	height:436px;
	background:url('../images/info/img02.jpg') 50% top no-repeat;
	-webkit-background-size:320px 436px;
	-background-size:320px 436px;
}
}
/***** 설명 / 끝 *****/

/***** 제품사양 / 시작 *****/
#fh5co-spec p {
	position:relative;
	margin-bottom:50px;
	width:100%;
	height:260px;
}
#fh5co-spec p.img01 {
	background:url('../images/spec/img01.jpg') 50% bottom no-repeat;
	-webkit-background-size:330px 192px;
	-background-size:330px 192px;
}
@media screen and (max-width: 768px) {
#fh5co-spec p.img01 {
	width:100%;
	height:192px;
}
}
#fh5co-spec p.img02 {
	background:url('../images/spec/img02.jpg') 50% bottom no-repeat;
	-webkit-background-size:260px 222px;
	-background-size:260px 222px;
}
@media screen and (max-width: 768px) {
#fh5co-spec p.img02 {
	width:100%;
	height:222px;
}
}
#fh5co-spec p.img03 {
	background:url('../images/spec/img03.jpg') 50% bottom no-repeat;
	-webkit-background-size:270px 260px;
	-background-size:270px 260px;
}
@media screen and (max-width: 768px) {
#fh5co-spec p.img03 {
	width:100%;
	height:260px;
}
}
/***** 제품사양 / 끝 *****/

/***** 설치방법 / 시작 *****/
/* 스크롤버튼 */
.btn_scroll {
	position:absolute;
	overflow:hidden;
	cursor:pointer;
	left:50%;
	margin-top:-60px;
	margin-left:-30px;	
	width:60px;
	height:60px;
	/*background:#fe5200;*/
	background-position:50% 0px;
	/* 애니메이션 - 효과 */
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	/* 둥근 모서리 */
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
}
.btn_scroll:hover {
	/*background:#089fd3;*/
	/* 애니메이션 - 이동 */
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);	
	transform:translateY(10px);
	/* 박스 그림자 */
	-webkit-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);	
}
.btn_scroll.diff:hover {
	/* 애니메이션 - 이동 */
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);	
	transform:translateY(-10px);
}
.btn_scroll:hover img,
.btn_scroll.diff:hover img {
	margin-top:-60px;
}
/***** 설치방법 / 끝 *****/

/***** 제품사양 / 시작 *****/
#c_spec {
	position:relative;
	background:#fff;
	background-size:cover;
}
#c_spec h4 {
	font-size:13px;
	font-weight:bold;
	text-align:left;
	font-style:italic;
	font-family:Verdana, Tahoma, 'NanumGothic', 'NanumGothicBold', 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
#c_spec .col-xs-6 p {
	height:260px;
}
#c_spec p.img01 {
	background:url('../images/specs/img01.jpg') 50% bottom no-repeat;
	-webkit-background-size:330px 192px;
	-background-size:330px 192px;
}
@media screen and (max-width: 768px) {
#c_spec .col-xs-6 p.img01 {
	height:192px;
}
}
#c_spec p.img02 {
	background:url('../images/specs/img02.jpg') 50% bottom no-repeat;
	-webkit-background-size:260px 222px;
	-background-size:260px 222px;
}
@media screen and (max-width: 768px) {
#c_spec .col-xs-6 p.img02 {
	height:222px;
}
}
#c_spec p.img03 {
	background:url('../images/specs/img03.jpg') 50% bottom no-repeat;
	-webkit-background-size:270px 260px;
	-background-size:270px 260px;
}
@media screen and (max-width: 768px) {
#c_spec .col-xs-6 p.img03 {
	height:260px;
}
}
/***** 제품사양 / 끝 *****/

/***** 온라인구매 / 시작 *****/
h3.tit_purchase {
	font-size:35px;
	font-style:italic;
}
h3.tit_purchase span {
	color:#888;
}
p.tit_purchase {
	font-size:18px;
	font-style:italic;
}
/* 상세스펙 */
div.spec {
	padding:0px 0px 12px 0px;
}
div.spec ul {
	padding:0px;
	margin:0px;
}
div.spec li {
	display:block;
	position:relative;
	padding-left:100px;
	color:#555;
	font-size:15px;
	line-height:30px;
	list-style:none !important;	
	font-style:italic;
}
div.spec li em.sb {
	position:absolute;
	left:0px;
	color:#555;
	text-indent:0px;
}
div.spec li span label {
	font-weight:normal;
	line-height:35px;
}
@media screen and (max-width: 768px) {
div.spec li span label {
	display:none;
}
}
div.spec li strong {
	color:#333;
	font-size:15px;
}
div.spec li a.link {
	color:#333;
}
div.spec li span.pricesellV {
	color:#e04444;
	font-size:25px;
	font-weight:bold;
	line-height:22px;
	font-family:Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
div.spec li span em {
	display:inline-block;
	position:relative;
	top:2px;
	margin:0px 8px 0px 5px;
	width:13px;
	height:13px;
	line-height:30px;
	background:#fff;
}
div.spec li span em.bk {
	background:#222;
}
div.spec li span em.pp {
	background:#6c45c5;
}
div.spec li span em.pk {
	background:#ff4672;
}
div.spec li span em.gn {
	background:#b7f645;
}
div.spec li span input.opt_txt {
	margin-top:5px;
	width:80px;
	height:25px;
	text-align:center;
	line-height:18px;
	border:1px solid #d0d0d0;
}
@media screen and (max-width: 768px) {
div.spec li span input.opt_txt {
	line-height:25px;
}	
}
a.btn_purchase {
	font-size:17px;
	font-style:italic;
	padding:8px 30px 8px 30px;
}
@media screen and (max-width: 768px) {
h3.tit_purchase {
	margin-top:30px;
	text-align:center;
}
p.tit_purchase {
	text-align:center;
}
p.txt_purchase {
	font-size:14px;
}
}
/* 상세이미지 */
#fh5co-view {
	padding-bottom:50px;
}
#fh5co-view .box {
  text-align:center;
  position:relative;
  padding:70px;
  background:url('../images/pattern/c_white50.png') left top repeat;
	/* 박스 그림자 */
	-webkit-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-o-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	/* 가로/세로/강도/색상(코드값-투명도)=선명하지않음 */
}
@media screen and (max-width: 768px) {
#fh5co-view .box {
	padding:0px;
}
}
/***** 온라인구매 / 끝 *****/

/***** 구매하기 / 시작 *****/
.fh5co-section-seperator, .fh5co-section-seperator .fh5co-section-content-wrap {
  /*height: 500px;*/
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-section-seperator, .fh5co-section-seperator .fh5co-section-content-wrap {
    height: inherit;
  }
}
.fh5co-section-seperator .fh5co-section-content-wrap {
  display: table;
}
.fh5co-section-heading {
  margin:0;
  position:relative;
  padding-bottom:28px;
  margin-top:10px;
  margin-bottom:25px;
  color: #fff;
  font-size:25px;
  font-style:italic;
  text-transform: uppercase;
  font-family:'NanumGothic', 'NanumGothicBold', Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
.fh5co-section-heading {
  margin-top:-20px;
}
}
.fh5co-section-heading .fh5co-border {
  display: block;
  width: 100%;
  bottom: 0;
  height: 2px;
  position: absolute;
  background: #e04444;
}
.fh5co-contact {
  color: rgba(255, 255, 255, 0.7);
  padding: 0;
  margin: 0 0 1.5em 0;
}
.fh5co-contact a.link {
	color: rgba(255, 255, 255, 0.7);
	font-style:italic;
	text-decoration:underline;
}
.fh5co-contact li {
  position: relative;
  padding: 0;
  margin: 0 0 .5em 0;
  padding-left: 30px;
  list-style: none;
}
.fh5co-contact li.icon01 {
	background:url('../images/purchase/icon01.png') left 50% no-repeat;
	-webkit-background-size:20px 20px;
	-background-size:20px 20px;
	background-size:20px 20px;
}
.fh5co-contact li.icon02 {
	background:url('../images/purchase/icon02.png') left 50% no-repeat;
	-webkit-background-size:20px 20px;
	-background-size:20px 20px;
	background-size:20px 20px;
}
.fh5co-contact li.icon03 {
	background:url('../images/purchase/icon03.png') left 50% no-repeat;
	-webkit-background-size:20px 20px;
	-background-size:20px 20px;
	background-size:20px 20px;
}
.fh5co-contact li.icon04 {
	background:url('../images/purchase/icon04.png') left 50% no-repeat;
	-webkit-background-size:20px 20px;
	-background-size:20px 20px;
	background-size:20px 20px;
}
.fh5co-section-seperator #message {
  height: 96px;
}

.fh5co-section-seperator .fh5co-section-content-wrap .fh5co-section-content {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding-top:35px;
}
.fh5co-section-seperator.fh5co-section-seperator-white {
  padding: 2em 0;
}
@media screen and (max-width: 768px) {
  .fh5co-section-seperator.fh5co-section-seperator-white {
    padding:50px 0 !important;
  }
}
.fh5co-section-seperator.fh5co-section-seperator-white .fh5co-overlay {
  background: rgba(0, 0, 0, 0.4);
}
.fh5co-section-seperator.fh5co-section-seperator-white .fh5co-section-heading {
  color: #fff !important;
}
.fh5co-section-seperator.fh5co-section-seperator-white, .fh5co-section-seperator.fh5co-section-seperator-white .fh5co-section-content-wrap {
  width: 100%;
}
.fh5co-section-seperator.fh5co-section-seperator-white .form-control {
  color: #fff;
  border: none !important;
  background: rgba(255, 255, 255, 0.5);
}
.fh5co-section-seperator.fh5co-section-seperator-white .form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}
.fh5co-section-seperator.fh5co-section-seperator-white .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}
.fh5co-section-seperator.fh5co-section-seperator-white .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}
.fh5co-section-seperator.fh5co-section-seperator-white .form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}
.fh5co-section-seperator.fh5co-section-seperator-white .form-control:active, .fh5co-section-seperator.fh5co-section-seperator-white .form-control:focus {
  background: white;
  color: #000;
}
.fh5co-section-seperator div.form-group {
    margin-bottom:20px;
}
@media screen and (max-width: 768px) {
.fh5co-section-seperator div.form-group {
    margin-bottom:15px;
}
}
/***** 구매하기 / 끝 *****/

/***** 보안인증 / 시작 *****/
.sec_write {
	display:block;
	width:100%;
	height:50px;
}
.sec_write ul {
	padding:0px;
	margin:0px;
}
.sec_write li {
	float:left;
	list-style:none;
}
.sec_img {
	float:left;
	width:130px !important;
	height:50px !important;
	border:none;
}
.sec_btn {
	float:left;
	margin-right:15px;
	width:25px;
	height:50px;
	border:none;
}
.sec_btn span {
	width:25px !important;
	height:25px !important;
	display:block;
}
.sec_btn span + span {
	margin-top:-2px;
}
.sec_btn a {
	width:25px !important;
	height:25px !important;
}
.sec_txt {
	float:left;
	width:189px;
	height:50px;
	color:#333;
	font-size:22px !important;
	text-align:center;
	text-indent:0px;
	background:rgba(255, 255, 255, 0.5);
	border-radius:4px;
	border:none;
	font-family:'NanumGothicExtraBold', 'NanumGothicBold', 'NanumGothic'!important;
}
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sec_txt {
	width:190px;
}	
}
.sec_txt:focus {
	background:#fff;
}
/***** 보안인증 / 끝 *****/

/***** 그림자 / 시작 *****/
.img-shodow {
	/* 박스 그림자 */
	-webkit-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-o-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	/* 가로/세로/강도/색상(코드값-투명도)=선명하지않음 */
}
/***** 그림자 / 끝 *****/

/***** 하단 / 시작 *****/
body section#bottom {
	padding:0px !important;
}
@media screen and (max-width: 768px) {
body section#bottom {
	padding:0px !important;
}
}
#bottom {
	z-index:80;
	/*position:fixed;*/
	position:relative;
	bottom:0px;
	width:100%;
	height:auto;
	/*height:420px;*/
	color:#777;
	background:#202020;
	border-top:1px solid #d5d5d5;
	/* 너비 = 보더값 + 박스모델 */ 
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
 *behavior:url('boxsizing.htc');
}
@media screen and (max-width: 768px) {
#bottom {
	position:relative;
	height:auto;
}
#bottom > div.container {
	display:none;
}
}
#bottom h3 {
	margin-top:40px;
	margin-bottom:10px;
	font-size:16px;
	color:#8e8e8e;
	font-family:'NanumGothicBold', 'NanumGothic', Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
#bottom ul {
	list-style:none;
	padding:0;
	margin:0;
}
#bottom ul li {
	display:block;
	padding:2px 0px 2px 0px;
	font-size:13px;
	font-family:'NanumGothic', 'NanumGothicBold', Verdana, Tahoma, 돋움, Dotum, 굴림, Gulim, Arial, Helvetica, sans-serif;
}
#bottom ul li a {
	color:#666;
}
#bottom ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
#bottom .widget {
	margin-bottom:30px;
}
/* 하단 - 안내문구 */
#info_txt {
	position:relative;
	width:100%;
	height:110px;
	background:#f0f0f0 url('../images/company/contact_bg01.jpg') no-repeat 80% 0;
	padding:25px 0px 25px 0px;
	/* 너비 = 보더값 + 박스모델 */ 
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
 *behavior:url('boxsizing.htc');
}
@media screen and (max-width: 480px) {
#info_txt {
	background:#f0f0f0 !important;
}
}
@media screen and (max-width: 768px) {
#info_txt {
	background:#f0f0f0 url('../images/company/contact_bg01.jpg') no-repeat 100% 0;
}
}
.info_txt i {
	float:left;
	position:relative;
	margin-right:5px;
	width:60px;
	height:60px;
	border-radius:10px;
	background:#000 url('../images/icon/tel01.png') 50% 50% no-repeat;
	background-size:30px 30px;
	-webkit-background-size:30px 30px;
	-background-size:30px 30px;
}
.info_txt h2 {
	margin-top:0px;
	margin-bottom:5px;
	font-size:15px;
	color:#333;
}
.info_txt h2.pc {
	display:block;
}
.info_txt h2.mb {
	display:none;
}
@media screen and (max-width: 768px) {
.info_txt h2.pc {
	display:none;
}
.info_txt h2.mb {
	display:block;
}
}
.info_txt p {
	color:#666;
	font-size:12px;
	line-height:20px;
	text-align:left;
}
.info_txt p.pc {
	display:block;
}
.info_txt p.mb {
	display:none;
}
@media screen and (max-width: 768px) {
.info_txt p.pc {
	display:none !important;
}
.info_txt p.mb {
	display:block !important;
}
}
/* 하단 - 주소 */
.copy_box {
	z-index:80;
	position:relative;
	padding:15px;	
	width:100%;
	color:#fff;
	/* 너비 = 보더값 + 박스모델 */ 
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
 *behavior:url('boxsizing.htc');
}
.copy_box.kr {
	/*background:#e01300;*/
	background:#202020;
}
.copy_box.en {
	/*background:#808080;*/
	background:#202020;
}
/* 메뉴 */
.copy_box p {
	margin-bottom:0px;
}
.copy_box p a:link,
.copy_box p a:visited {
	font-size:13px;
	text-decoration:none;
	font-family:'NanumGothic', 'NanumGothicBold';
}
.copy_box.kr p a:link,
.copy_box.kr p a:visited {
	/*color:#fff;*/
	color:#8e8e8e;
}
.copy_box.en p a:link,
.copy_box.en p a:visited {
	color:#8e8e8e;
}
.copy_box p a:hover {
	color:#fff;
}
.copy_box.pc {
	display:block;
}
.copy_box.mb {
	display:none;
}
@media screen and (max-width: 480px) {
.copy_box.pc {
	display:none;
}
.copy_box.mb {
	display:block;
	padding:15px 5px 15px 5px;
}
}
@media screen and (max-width: 480px) {
.copy_box {
	height:auto;
}
}
/* 주소 */
.copy_address {
	font-size:12px;
	line-height:18px;
	letter-spacing:0.7px;
	text-align:center;
	font-family:'NanumGothic', 'NanumGothicBold';
}
.copy_address.kr {
	/*color:#eee;*/
	color:#666;
}
.copy_address.en {
	color:#666;
}
.copy_address strong {
	font-size:17px;
	line-height:30px;
	font-weight:normal;
	font-family:'NanumGothicBold', 'NanumGothic';
}
.copy_address.kr strong {
	/*color:#fff;*/
	color:#8e8e8e;
}
.copy_address.en strong {
	color:#8e8e8e;
}
.copy_address.kr a:link,
.copy_address.kr a:visited {
	/*color:#fff;*/
	color:#666;
}
.copy_address.en a:link,
.copy_address.en a:visited {
	/*color:#e0e0e0;*/
	color:#666;
}
.copy_address a:hover {
	color:#fff;
}
/***** 하단 / 끝 *****/

/***** 특징 - ubc-tech.com / 시작 *****/
.y-content3 {
	padding-top:60px;
	padding-bottom:30px;
	position:relative;
	height: 650px;
	/*background: url("../images/function/yu-bg3.jpg") no-repeat center / cover rgb(0, 0, 0);*/
}
@media screen and (max-width: 768px) {
.y-content3 {
	padding-top:40px;
	padding-bottom:20px;
	position:relative;
	width:100%;
	height:auto;
	/*background: url("../images/function/yu-bg3.jpg") no-repeat center / cover rgb(0, 0, 0);*/
}
}
.y-conheight3 {
	margin: 0px auto;
	width: 1040px;
	height: 200px;
	position: relative;
}
@media screen and (max-width: 768px) {
.y-conheight3 {
	margin: 0px auto;
	width:100%;
	height: 200px;
	position: relative;
}
}
.y-content2 .y-ctxt {
	left: 10%;
	top: 30%;
	width: 50%;
	line-height: 25px;
	position: absolute;
}
.y-ctxt img {
	margin-top: 10px;
}
.y-content3 .y-ctxt {
	left: 40%;
	top: 30%;
	width: 50%;
	line-height: 25px;
	position: absolute;
}
.y-content3 .y-ctxt h2 {
	margin: 10px 0px 20px;
	color: rgb(255, 255, 255);
	font-size: 30px;
	line-height:35px;
	font-weight: normal;
}
.y-content3 .y-ctxt p {
	color: rgb(255, 255, 255);
	font-size: 16px;
	line-height:25px;
}
.y-content3 .y-cimg1 {
	left: 10%;
	top: 15%;
	width: 20%;
	position: absolute;
}
.slideBox {
	left: 10%;
	top: 6%;
	width: 800px;
	overflow: hidden;
	position: relative;
}
.slideBox .hd {
	left: 40%;
	top: 45%;
	height: 200px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
.slideBox .hd ul {
	width: 480px;
	overflow: hidden;
	float: left;
	-ms-zoom: 1;
}
.slideBox .hd ul li {
	width: 96px;
	height:65px;
	font-size:13px;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: 22px;
	margin-bottom: 40px;
	float: left;
	cursor: pointer;
}
.slideBox .hd ul .on {
	background:#f64662;
	border-radius: 5px;
	transition:background 0.3s linear;
	color: rgb(255, 255, 255);
	-moz-transition: background 0.3s linear;
	-webkit-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
}
.slideBox .hd ul li div {
	background: url("../images/function/yu-img4.png") no-repeat 0% 0% / 500px;
	padding-top: 40px;
}
@media screen and (max-width: 768px) {
.slideBox .hd ul li div {
	background: url("../images/function/yu-img4.png") no-repeat 0% 0%;
	-webkit-background-size:500px 153px;
	-background-size:500px 153px;
	padding-top: 40px;
}
}
.slideBox .hd ul li .s1 {
	background-position: 15px 3px;
}
.slideBox .hd ul li .s2 {
	background-position: -95px 0px;
}
.slideBox .hd ul li .s3 {
	background-position: -208px 3px;
}
.slideBox .hd ul li .s4 {
	background-position: -320px 3px;
}
.slideBox .hd ul li .s5 {
	background-position: -430px 0px;
}
.slideBox .hd ul li .s6 {
	background-position: 15px -90px;
}
.slideBox .hd ul li .s7 {
	background-position: -97px -94px;
}
.slideBox .hd ul li .s8 {
	background-position: -210px -94px;
}
.slideBox .hd ul li .s9 {
	background-position: -320px -94px;
}
.slideBox .hd ul li .s10 {
	background-position: -430px -94px;
}
.slideBox .bd {
	background: url("../images/function/yu-sbg.png") no-repeat center;
	padding: 62px 15px;
	width: 250px;
	height: 512px;
	position: relative;
	z-index: 0;
}
.slideBox .bd li {
	vertical-align: middle;
	-ms-zoom: 1;
}
.slideBox .bd img {
	width: 221px;
	height: 392px;
	display: block;
}
.slideBox .prev {
	background: url("../images/function/slider-arrow.png") no-repeat -110px 5px;
	left: 3%;
	top: 50%;
	width: 32px;
	height: 40px;
	margin-top: -25px;
	display: none;
	position: absolute;
	opacity: 0.5;
}
.slideBox .next {
	background: url("../images/function/slider-arrow.png") no-repeat -110px 5px;
	left: 3%;
	top: 50%;
	width: 32px;
	height: 40px;
	margin-top: -25px;
	display: none;
	position: absolute;
	opacity: 0.5;
}
.slideBox .next {
	background-position: 8px 5px;
	left: auto;
	right: 3%;
}
.slideBox .prev:hover {
	opacity: 1;
}
.slideBox .next:hover {
	opacity: 1;
}
.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {
	display: none;
}
/*
@media screen and (max-width:1040px)
{
	.slideBox {
	left: 5%;
}
.slideBox .hd {
	right: 0px;
}
}*/

@media screen and (max-width: 768px) {
.y-conheight3 {
 height: 650px;
}
.y-content3 .y-ctxt {
 left:0px;
 margin:0 auto !important;
 padding:0px 25px 0px 25px;
top:0px;
width:100%;
line-height:38px;
}
.y-ctxtp1 {
 display: none;
}
.y-ctxtp2 {
 display: block;
}
.slideBox {
	left:0px;
	margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	top: 25%;
	margin:0 auto;
	width: 350px;
	padding-bottom:80px;
}
.slideBox .bd {
 margin: 0px auto;
padding: 49px 28px;
width: 235px;
height: 420px;
background-size: 200px;
}
.slideBox .bd img {
 width: 179px;
height: 313px;
}
.slideBox .prev {
 display: block;
}
.slideBox .next {
 display: block;
}
.slideBox .hd {
 left: 50%;
top: auto;
width: 110px;
height: 35px;
bottom: 30px;
margin-left: -50px;
}
.slideBox .hd ul {
 width: 110px;
}
.slideBox .hd ul li {
 width: 110px;
margin-bottom: 0px;
display: none;
}
.slideBox .hd ul li div {
 line-height: 35px;
padding-top: 0px;
padding-left: 30px;
}
.slideBox .hd ul li.on {
 background: none;
display: block;
}
.slideBox .hd ul li .s1 {
 background-position: -15px 3px;
}
.slideBox .hd ul li .s2 {
 background-position: -125px 0px;
}
.slideBox .hd ul li .s3 {
 background-position: -240px 3px;
}
.slideBox .hd ul li .s4 {
 background-position: -350px 3px;
}
.slideBox .hd ul li .s5 {
 background-position: -460px 0px;
}
.slideBox .hd ul li .s6 {
 background-position: -15px -90px;
}
.slideBox .hd ul li .s7 {
 background-position: -127px -94px;
}
.slideBox .hd ul li .s8 {
 background-position: -240px -94px;
}
.slideBox .hd ul li .s9 {
 background-position: -350px -94px;
}
.slideBox .hd ul li .s10 {
 background-position: -460px -94px;
}
.y-conheight {
 height: 550px;
}
}
@media screen and (max-width: 768px) {
.y-content3 .y-cimg1 {
 left: 50%;
top: 42%;
width: 160px;
margin-left: -80px;
}
.y-content3 .y-ctxt h2 {
 font-size: 25px;
margin-bottom: 10px;
text-align:center;
}
.y-content3 .y-ctxt p {
 line-height: 23px;
font-size: 14px;
text-align:center;
}
}
/***** 특징 - ubc-tech.com / 끝 *****/

/***** 갤러리 / 시작 *****/
#fh5co-gallery {
	/*float:left;*/
	display:none;
	position:relative;
	width:100%;
	/*height:150px;*/
	height:112px;
	background:#151515;
}
#fh5co-gallery .bottom-gallery img {
	/*width:150px;*/
	height:112px;
}
@media screen and (max-width: 768px) {
#fh5co-gallery {
	/*float:left;*/
	position:relative;
	width:100%;
	/*height:150px;*/
	height:55px;
	background:#151515;
}
#fh5co-gallery .bottom-gallery img {
	width:73px;
}	
}
/***** 갤러리 / 끝 *****/

/***** 레이어 - 팝업 / 시작 *****/
.layer_popup_box_wrap {
  margin:0 auto;
  width:1000px;
}
@media screen and (max-width: 768px) {
.layer_popup_box_wrap {
  margin:0 auto;
  width:100%;
}
}
.layer_popup_box {
	margin:0 auto;
	width:80%;
}
@media screen and (max-width: 768px) {
.layer_popup_box {
  width:100%;
  float: left;
}
}
.layer_popup_box a {
  color:#6475f2;
}
.layer_popup_box a:hover, .layer_popup_box a:focus, .layer_popup_box a:active {
  color:#6475f2;
  text-decoration: none;
}
.layer_popup_box blockquote {
  padding-left: 0;
  margin-left:15px;
  margin-right:15px;
  border-left: none;
  padding:30px;
  background:#fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  /* 박스 그림자 */
	-webkit-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	-o-box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	box-shadow:0px 20px 30px rgba(0, 0, 0, 0.15);
	/* 가로/세로/강도/색상(코드값-투명도)=선명하지않음 */
}
@media screen and (max-width: 768px) {
.layer_popup_box blockquote {
	height:auto;
}
}
.layer_popup_box blockquote:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 30px;
  border-top: 12px solid black;
  border-top-color: #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
.layer_popup_box blockquote .quote {
  position: absolute;
  top: 0;
  left: 30px;
  text-align: center;
  font-size: 30px;
  line-height: 0;
  display: table;
  color: #fff;
  width: 56px;
  height: 56px;
  margin-top: -30px;
  background: #f64662;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.layer_popup_box blockquote .quote > span {
  display: table-cell;
  vertical-align: middle;
  background:url('../images/icon/quote01.png') 50% 50% no-repeat;
}
.layer_popup_box blockquote .quote > span i {
	display:none;
}
.layer_popup_box blockquote h3 {
	margin-top:5px;
	font-size:14px;
	line-height:20px;
	text-align:center;
}
.layer_popup_box blockquote div.box {
	margin-top:10px;
	position:relative;
	overflow-y:scroll;
	padding:15px;
	width:100%;
	min-height:243px;
	color:#888;
	font-size:12px;
	line-height:22px;
	text-align:left;
	text-indent:0px;
	letter-spacing:-0.3px;
	border-top:1px dashed #d5d5d5;
	border-bottom:1px dashed #d5d5d5;
	background:#f5f5f5;
}
.layer_popup_box blockquote div.box ul {
	margin:0;
	padding:0;
}
.layer_popup_box blockquote div.box li {
	list-style:none;
}
.layer_popup_box .author {
  line-height: 20px;
  color: white;
  font-size: 20px;
  margin-left: 20px;
}
.mfp-bg mfp-ready {
	overflow-y:scroll !important;
}
.mfp-close {
	float:right !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
	top:10px !important;
	right:20px !important;
    position:relative !important;    
    text-decoration: none !important;
    text-align: center !important;
    opacity:1 !important;
    color:#f64662 !important;
    font-style: normal !important;
    font-size:30px !important;
	font-family:'NanumGothic', 'NanumGothicBold';
}
/***** 레이어 - 팝업 / 끝 *****/

/***** 이동버튼 / 시작 *****/
.GoToTop,
.GoToTop:visited {
	z-index:99999;
	position:fixed;	
	display:none;
	cursor:pointer;
	bottom:69px;
	right:30px;
}
.GoToBottom,
.GoToBottom:visited {
	z-index:99999;
	position:fixed;	
	display:none;
	cursor:pointer;
	bottom:30px;
	right:30px;
}
@media screen and (max-width: 768px) {
.GoToTop,
.GoToTop:visited,
.GoToBottom,
.GoToBottom:visited {
	right:15px;
}
}
.GoToTop a, 
.GoToBottom a {
	display:inline-block;
	position:relative;
	width:40px;
	height:40px;
	text-indent:-9999px;
	border:1px solid #aaa;
	background:url('/images/btn/btn_top01.png') 50% 50% no-repeat;
	-webkit-background-size:18px 23px;
	background-size:18px 23px;
	/* 투명효과 */	
	background-color:rgba(255, 255, 255, 0.90);
	filter:alpha(opacity=90); /* IE */
	opacity:0.90; /* 표준 */
	-moz-opacity:0.90;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* 둥근 모서리 */ 
	-webkit-border-radius:2px 2px 0px 0px;
	-moz-border-radius:2px 2px 0px 0px;
	-ms-border-radius:2px 2px 0px 0px;
	-o-border-radius:2px 2px 0px 0px;
	border-radius:2px 2px 0px 0px;
	/* 너비 = 보더값 + 박스모델 */ 
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
 *behavior:url('boxsizing.htc');
}
.GoToBottom a {
	/* 애니메이션 - 회전 */
    -webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);	
	-o-transform:rotate(180deg);	
	transform:rotate(180deg);
}
.GoToTop a:active,
.GoToTop a:hover,
.GoToBottom a:active,
.GoToBottom a:hover {
	/* 투명효과 */	
	background-color:rgba(255, 255, 255, 1);
	filter:alpha(opacity=100); /* IE */
	opacity:1; /* 표준 */
	-moz-opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/***** 이동버튼 / 끝 *****/
/* ★Layout / End★ */