/* 스타일 시트 정의 */


.rimg {max-width:100%;}
.nopadding {padding:0px !important;}
.clear {clear:both;}

/* float */
.fl	{float:left !important;}
.fr	{float:right !important;}
.fn	{float:none !important;}

/* margin top */
.mt0	{margin-top:0px !important;}
.mt5	{margin-top:5px !important;}			.mt10 {margin-top:10px !important;}			.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}			.mt25 {margin-top:25px !important;}			.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}			.mt40 {margin-top:40px !important;}			.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}			.mt55 {margin-top:55px !important;}			.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}			.mt70 {margin-top:70px !important;}			.mt75 {margin-top:75px !important;}

/* margin right */
.mr5	{margin-right:5px !important;}			.mr10 {margin-right:10px !important;}			.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}			.mr25 {margin-right:25px !important;}			.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}			.mr40 {margin-right:40px !important;}			.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}			.mr55 {margin-right:55px !important;}			.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}			.mr70 {margin-right:70px !important;}			.mr75 {margin-right:75px !important;}

/* margin bottom */
.mb5 {margin-bottom:5px !important;}		.mb10 {margin-bottom:10px !important;}		.mb15{margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}		.mb25 {margin-bottom:25px !important;}		.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}		.mb40 {margin-bottom:40px !important;}		.mb45 {margin-bottom:45px !important;}
/*.mb50 {margin-bottom:50px !important;}*/		.mb55 {margin-bottom:55px !important;}		.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}		.mb70 {margin-bottom:70px !important;}		.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}      .mb85 {margin-bottom:85px !important;}      .mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}      .mb100 {margin-bottom:100px !important;}      .mb200 {margin-bottom:200px !important;}

/* margin left */
.ml5 {margin-left:5px !important;}				.ml10 {margin-left:10px !important;}			.ml15{margin-left:15px !important;}
.ml20 {margin-left:20px !important;}			.ml25 {margin-left:25px !important;}			.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}			.ml40 {margin-left:40px !important;}			.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}			.ml55 {margin-left:55px !important;}			.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}			.ml70 {margin-left:70px !important;}			.ml75 {margin-left:75px !important;}

/* padding top */
.pt5	{padding-top:5px !important;}			.pt10 {padding-top:10px !important;}			.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}			.pt25 {padding-top:25px !important;}			.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}			.pt40 {padding-top:40px !important;}			.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}			.pt55 {padding-top:55px !important;}			.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}			.pt70 {padding-top:70px !important;}			.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}			.pt85 {padding-top:85px !important;}			.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}			.pt100 {padding-top:100px !important;}

/* padding right */
.pr0	{padding-right:0px !important;}
.pr5	{padding-right:5px !important;}		.pr10 {padding-right:10px !important;}		.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}		.pr25 {padding-right:25px !important;}		.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}		.pr40 {padding-right:40px !important;}		.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}		.pr55 {padding-right:55px !important;}		.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}		.pr70 {padding-right:70px !important;}		.pr75 {padding-right:75px !important;}

/* padding bottom */
.pb5	{padding-bottom:5px !important;}		.pb10 {padding-bottom:10px !important;}	.pb15{padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}	.pb25 {padding-bottom:25px !important;}	.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}	.pb40 {padding-bottom:40px !important;}	.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}	.pb55 {padding-bottom:55px !important;}	.pb55 {padding-bottom:55px !important;}
.pb65 {padding-bottom:65px !important;}	.pb70 {padding-bottom:70px !important;}	.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}	.pb85 {padding-bottom:85px !important;}	.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}	.pb100 {padding-bottom:100px !important;}

/* padding left */
.pl5	{padding-left:5px !important;}			.pl10 {padding-left:10px !important;}			.pl15{padding-left:15px !important;}
.pl20 {padding-left:20px !important;}			.pl25 {padding-left:25px !important;}			.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}			.pl40 {padding-left:40px !important;}			.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}			.pl55 {padding-left:55px !important;}			.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}			.pl70 {padding-left:70px !important;}			.pl75 {padding-left:75px !important;}


@media all and (max-width:768px){

 .mtext-center {text-align:center;}

}



/* font color */
.c_fff {color:#fff !important;}
.c_333 {color:#333 !important;}
.c_777 {color:#777 !important;}
.c_3d3d3d {color:#3d3d3d !important;}
.c_817260 {color:#817260 !important;}
.c_453b3b {color:#453b3b !important;}
.red1 {color:#ac0000;}
.red2 {color:#dd0810}

/* width */
.w100p {width:100% !important;}
.w70 {width:70px !important;}
.w100 {width:100px !important;}
.w200 {width:200px !important;}
.w283 {width:283px !important;}
.w331 {width:331px !important;}
.w485 {width:485px !important;}

.h473 {height:473px !important;}

.pd0 {padding:0 !important;}
.pd30 {padding:30px !important;}
.pb3 {padding-bottom:3px !important;}

.mg0 {margin:0 !important;}
.mt70 {margin-top:70px !important;}
.mtm5 {margin-top:-5px !important;}
.mtm10 {margin-top:-10px !important;}
.mtm20 {margin-top:-20px !important;}
.mtm30 {margin-top:-30px !important;}
.mtm40 {margin-top:-40px !important;}
.mb0 {margin-bottom:0 !important;}
.mb2 {margin-bottom:2px !important;}
.mb7 {margin-bottom:7px !important;}
.mr3 {margin-right:3px !important;}

.letter1 {letter-spacing:-1px !important;}

.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}

.h364 {height:364px !important;}

.line_t0 {border-top:0 !important;}
.line_t1 {border-top:2px solid #393c43 !important;}
.line_t2 {border-top:1px solid #c9c9c9 !important;}
.line_b1 {border-bottom:1px solid #eaeaea !important;}
.line_b2 {border-bottom:1px solid #bbb !important;}
.line_b3 {border-bottom:1px solid #dfdfdf !important;}
.line_b4 {border-bottom:2px solid #797267 !important;}
.line_b5 {border-bottom:2px solid #877669 !important;}


/* 숨김 설정 */

@media all and (max-width:768px){
	
	/* 해상도 768px 이하 기기에서 숨김처리 */
	.hidden-m768 {display:none;}

}


@media all and (min-width:768px){
	
	/* 해상도 768px 이하 기기에서 숨김처리 */
	.hidden-p768 {display:none;}

}



/* 모바일에서 반응형 구굴지도/유튜브 지원 */
  .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
  .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*하단 카피라이트 : 상품보기*/
.text-guide ul {list-style:none;}
.text-guide ul li {float:left;display:inline-block;}
.text-guide ul li a{position: relative;display: block;font-size: 12px;font-weight:bold;color: #6f7273;padding: 5px 10px;}
.text-guide ul li a:after {content: '';position: absolute;top: 11px;right:0px;width: 1px;height: 6px;background-color: #6f7273;}
.text-guide ul li:last-child a:after {display:none;}





/*쇼핑몰 : 상품보기*/
#product_img .product_img img {width:100%;height:100%;}
#product_img .nail img {width: 100%;height:auto;}
#nail li:hover {border: 1px solid rgba(0, 0, 0, .2);}
#nail li:hover img {opacity: 0.7;}
.shopd img {max-width:100%;}



/*샘플소스 : fontawesome */
.fontawesome-icon-list i {
	display:inline-block;
	width:30px;
	text-align:center;
	position:relative;
	top:2px
}

/*사이트 이용정보*/
textarea.siteinfo {width:100%;height: 500px; overflow: auto;}


/*제품소개*/


/* 메인슬라이드 */
.tp-caption.rev-subheading {text-align:center !important;font-size: 6.8rem;font-weight: 700;color: #FFBE22;margin: 0;line-height: 7.2rem;text-shadow: 1px 2px 2px rgba(0,0,0,.7);
letter-spacing: -3px;/*background: rgba(6, 73, 133, .9);padding:10px 20px;*/}
.tp-caption.rev-subheading.rev-white {color:#fff;background: rgba(0, 0, 0, .4);padding:5px 20px;line-height: 7.2rem;}

.tp-caption.rev-subheading.txt-style_sl01{font-size:4rem;font-weight:normal !important;}
.tp-caption.rev-subheading.txt-style_sl02{/*background: rgba(255, 255, 255, .7);*/}



/*제작 프로세스*/

/**********************************************************************************
 *	+ FULL SECTIONS
 ***********************************************************************************/
	
	.full-section {
		position: relative;
		z-index: 0;
		margin-bottom: 100px;
		padding: 60px 0;
		background: #333 no-repeat center center;
		color: #fff;
	}
	
	.full-section-content {
		position: relative;
		z-index: 2;
		padding: 165px 0 135px;
	}
	
	#video-section .full-section-content {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		padding: 0;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.full-screen .full-section-content {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		padding: 0;
		-webkit-transform: translateY(-15%);
			-ms-transform: translateY(-15%);
				transform: translateY(-15%);
	}
	
	#video-section.full-screen .full-section-content {
		-webkit-transform: translateY(-15%);
			-ms-transform: translateY(-15%);
				transform: translateY(-15%);
	}
	
	.parallax { 
		background-attachment: fixed !important;
		-webkit-background-size: cover !important;
				background-size: cover !important;	
	}
	
	
	/* ELEMENTS STYLE IN FULL SECTION */
	.full-section h1 a, 
	.full-section h2 a, 
	.full-section h3 a, 
	.full-section h4 a, 
	.full-section h5 a, 
	.full-section h6 a,
	.full-section .nav-tabs > li > a,
	.full-section .panel-title a:focus,
	.full-section .process-steps .step:hover i {
		color: #ffbe22;
	}
	
	.full-section h1 a:hover, 
	.full-section h2 a:hover, 
	.full-section h3 a:hover, 
	.full-section h4 a:hover, 
	.full-section h5 a:hover, 
	.full-section h6 a:hover,
	.full-section .counter-value,
	.full-section .testimonial blockquote,
	.full-section .panel-title a[aria-expanded="true"] { 
		color: #fff;
	}
	
	.full-section .process-steps .step i {
		outline: 0;
		color: #fff;
		background-color: #3b3e43;
		border-color: #fff;
	}
	
	.full-section .process-steps .step:hover i {
		border-color: #ffbe22;
	}
	
	.full-section .widget-twitter {
		margin-bottom: 0;
	}
	
	
	/* BACKROUNDS AND STYLE FOR FULL SECTIONS */
	
	
	#section-5 {
		margin-top: 0px;
		background-image: url(../../img/img/main/main_cont24_bg.jpg);
		padding: 85px 0 70px;
	}

	#section-5.parallax {background-attachment: fixed !important;-webkit-background-size: cover !important; background-size: cover !important;height: auto;}
	
	
**********************************************************************************
 *	+ HEADLINE
 ***********************************************************************************/
	
	/* STYLE 1 */
	.headline.style-1 {
		margin-bottom: 0px;
	}
	
	.headline.style-1 h4 {
		font-weight: 600;
		margin-bottom: 0;
		color: #bca480;
	}
	
	.headline.style-1 h2 {
		font-weight: 700;
	}
	
	/* STYLE 2 */
	.headline.style-2 {
		margin-bottom: 20px;
		text-align: center;
	}
	
	.headline.style-2 i {
		font-size: 25px;
		line-height: 25px;
		margin-bottom: 15px;
		color: #ffbe22;
	}
	
	.headline.style-2 h2 {
		margin-bottom: 0;
		font-weight: 400;
		color: #fff;
	}
	
	
	/* STYLE 3 */
	.headline.style-3 {
		margin-bottom: 70px;
		text-align: center;
	}
	
	.headline.style-3 h5 {
		margin-bottom: 0;
		color: #bca480;
	}


/***********************************************************************************
 *	+ PROCESS STEPS
 ***********************************************************************************/
 	
	.process-steps {
		position: relative;
		margin: 15px 0 30px;
	}
	
	.process-steps:before {
		display: block;
		border-top: 1px solid #d7d7d7;
		content: "";
		position: absolute;
		top: 42.5px;
		left: 0;
		right: 0;
		width: 80%;
		z-index: 1;
		margin: 0 auto;
	}
	
	.process-steps .step {
		position: relative;
		z-index: 2;
		float: left;
		width: 20%;
		text-align: center;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.process-steps.process-6-steps .step {
		width: 16.66666%;
	}
	
	.process-steps.process-5-steps .step {
		width: 20%;
	}
	
	.process-steps.process-4-steps .step {
		width: 25%;
	}
	
	.process-steps .step i {
		border: 1px solid #3b3e43;
		border-radius: 50%;
		display: block;
		width: 85px;
		height: 85px;
		font-size: 26px;
		line-height: 85px;
		margin: 0 auto;
		background-color: #fff;
		outline: 10px solid #fff;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.process-steps .step-details {
		margin-top: 20px;
	}
	
	.process-steps .step-details h5 {
		font-weight: 400;
		color:#fff;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.process-steps .step:hover {
		-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
				transform: scale(1.2);
	}
	
	.process-steps .step:hover i {
		border-color: #bca480;
		color: #bca480;
	}
	
	.process-steps .step:hover h5 {
		font-weight:bold;
		color: #fff;
	}
	

@media (max-width: 767px) {

		.process-steps::before {
		border: none;
		}
		
		.process-steps .step {
			float: none;
			width: 100%;
			margin-bottom: 30px;
		}
		
		.process-steps .step:last-child {
			margin-bottom: 0;
		}
		
		.process-steps.process-6-steps .step,
		.process-steps.process-5-steps .step,
		.process-steps.process-4-steps .step {
			width: 100%;
		}
		
	
}


/*타이틀*/
/* ----------------------------------------------------------------------
�고쁺
-------------------------------------------------------------------------*/
.section-title.center::after {
	left: 50%;
	margin-left: -25px;
}

.section-title::after {
	content: "";
	position: absolute;
	top: 60px;
	left: 0;
	width: 50px;
	height: 2px;
	background: #2942a1;
}

.section-title::before {
	content: "";
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #eaeaea;
}

.section-title {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 50px;
}

.section-title h2 {
	position: relative;
	text-transform: capitalize;
	font-family: "Noto Sans", "Noto Sans KR", sans-serif !important;
	font-size: 36px;
	font-weight:bold;
}


.center {
text-align: center;
}


/* 하단카피라이터 */

#footer ul li {list-style:none;font-size:13px;line-height:30px;color:#eee;} 


#footer .footer-logo {
  border-color: #eaeaea;
  color: #eaeaea;
  text-align:center;
}
.footer-logo {
  display: inline-block;
  font: 700 30px/1.5 'Open Sans', Verdana, sans-serif;
  padding: 3px 15px;
  border: 2px solid #505050;
    border-top-color: rgb(80, 80, 80);
    border-right-color: rgb(80, 80, 80);
    border-bottom-color: rgb(80, 80, 80);
    border-left-color: rgb(80, 80, 80);
  color: #505050;
  margin-bottom: 25px;
}
