/**********************************
	
	Theme Name:     NewSlate
	Site Name:      ETC PRODUCTS
 
**********************************/


/********************************************************
	
				CONTENTS LIST
	
*********************************************************

   01.00 GENERAL & BASIC STYLES        
     01.01 TYPOGRAPHY                  
     01.02 LAYOUT                        
     01.03 HEADER & FOOTER & NAVIGATION

   02.00 HOME
     02.01 VICO
     02.02 SCANNING SOLUTIONS
     02.03 CONNECT
     02.04 LAYOUT
     02.05 ALLTRAK
   
   03.00 DEVELOPER
   04.00 RESPONSIVE

*********************************************************/




/********************************************************
	
	
	01.00 GENERAL & BASIC STYLES
	
	
*********************************************************/


.btn.blue_bg {
	background-color: #0753a8;
    color: #fff !important;
}

.btn.blue_bg:hover {
	background-color: #033a78;
}

.btn.blue_line {
	background: #f5faff;
    color: #0753a8 !important;
    border: 2px solid #0753a8;
    padding: 8px 16px;
	line-height: 1.6em;
	font-size: 0.9rem;
}

.btn.blue_line.down:after {
	background-image: url(/wp-content/themes/NewSlate/img-connect/btn_down_b.png);
}
.btn.blue_line.arrow:after {
	background-image: url(/wp-content/themes/NewSlate/img-connect/btn_arrow_b.png);
}

.product.home .et_pb_section .gform_wrapper input{
	border-bottom: 0;
}

body.product .text_parag{
	width:100%;
}

body.product .text_ver_ct{
	flex-direction: column;
	-ms-flex-direction: column;
	align-items: flex-start;
	-ms-flex-align: start;
}

.et_pb_section_sticky_mobile,
.et_pb_section_sticky,
.et_pb_section_sticky .et_pb_column_single,
.et_pb_section_sticky .et_pb_row.et-last-child,
.et_pb_section_sticky .et_pb_row:last-child,
.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner.et-last-child,
.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner:last-child,
.et_pb_section_sticky.et_pb_bottom_divider .et_pb_row:nth-last-child(2){
	padding-bottom: 50px !important;
}


/*--------------------------------------------------------
	
	01.01 TYPOGRAPHY
	
---------------------------------------------------------*/

.product .text_parag i  {
	color: #0753a8;
}

body.product .sec_title.into h2{
	background-color: #0753a8;
    color: #fff;
    padding: 11px;
    line-height: 1em !important;
    letter-spacing: -0.01em;
    display: inline-block;
    font-size: 24px;
    min-width: 160px;
    text-align: center !important;
}

/*--------------------------------------------------------
	
	01.02 LAYOUT 
	
---------------------------------------------------------*/



	/*--------------------------------------------------------
		
		01.03 HEADER & FOOTER & NAVIGATION
		
	---------------------------------------------------------*/
	
	body.product .header.left-right #et-navigation > ul > li > ul.sub-menu li a:hover {
		background-color: #0753a8;
	}

	body.product .et-fixed-header .header #main-header{
		background-color:rgba(7, 83, 168, 0.9) !important;
	}

	body.product.layout #main-header .logo{
		/* height: 31.4px !important; */
		margin: 24.5px 0;
	}
	
	body.product.layout .et-fixed-header .header #main-header .logo {
		/* height: 28.4px !important; */
		margin: 17px 0;
	}

	body.product.scanner #main-header .logo{
		/* height: 26.4px; */
		margin: 27px 0;
	}

	body.product.scanner .et-fixed-header .header #main-header .logo {
		/* height: 24px !important; */
		margin: 19px 0;
	}

	body.product.connect #main-header .logo{
		/* height: 26.4px !important; */
		margin: 27px 0;
	}
	
	body.product.connect .et-fixed-header .header #main-header .logo {
		/* height: 22px !important; */
		margin: 20px 0;
	}

	body.product.alltrak #main-header .logo{
		/* height: 22.4px !important; */
		margin: 29px 0;
	}
	
	body.product.alltrak .et-fixed-header .header #main-header .logo {
		/* height: 20px !important; */
		margin: 21px 0;
	}
	

/********************************************************
	
	
	02.00 HOME
	
	
*********************************************************/


	/*--------------------------------------------------------
		
		02.01 VICO
		
	---------------------------------------------------------*/
	
	
	body.product .main_visual .et_parallax_bg {
		background-position: center center;
	}
	
	body.product .main_visual .main_txt_wrap {
		max-width: unset;
		padding: 260px 40px 220px;
	}
	
	body.product .main_visual .main_txt_wrap h3 {
		font-size: 36px;
		line-height: 1.6em !important;
	}
	
	
	body.product .btn_grp {
		margin-top: 40px;
	}
	
	
	body.vico .movie_wrap .overlay {
		background-image: url(/wp-content/themes/NewSlate/img-vico/movie_thumb.jpg);
	}

	body.product .movie_wrap{
		height: 100%;
		width: 100%;
	}
	body.product .movie_wrap .et_pb_code_inner{
		height: 100%;
	}
	
	
	/*--- 넘버링 섹션 ---*/
	
	.et_pb_section.bg_blue {
		background-color: #f4fafe;
	    border-top: 2px solid #d1e1f1;
	    border-bottom: 1px solid #d1e1f1;
	}
	
	.et_pb_section.numbering {
		max-width: 1280px !important;
	    margin: 120px auto;
	    padding: 120px 100px;
	}
	
	.et_pb_section.numbering .et_pb_row.number {
		padding: 20px;
	    background-color: #0753a8;
	    font-size: 48px;
	    color: #fff;
	    font-weight: bold;
	    display: inline-block;
	    width: auto !important;
	    position: absolute;
	    top: -10px;
	}
	
	.et_pb_section.numbering .text_parag.title h3 {
		font-size:26px;
		color: #0753a8;
	}
	
	.et_pb_section.numbering .text_parag.title h3 b {
		font-size:44px;
	
	}
	
	body.product .numbering .imgcap_grp, body.product .numbering .text_parag.title {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	body.product .numbering .text_parag .et_pb_code p {
		margin-top: 0;
	}
	
	body.product .numbering .inner_title h5 {
		color: #0753a8;
		font-weight: bold;
	}
	
	body.product .numbering .inner_title {
		padding-top: 60px;
	}
	
	body.product .numbering .imgcap_grp h6 {
		color: #0753a8;
	}
	
	
	body.product.home .sec_title h2 {
		text-align: left;
	}
	
	
	
	body.product .intro_bp .et_pb_code_inner i, body.product .intro_tb .et_pb_code_inner i {
		color: #0753a8;
	}
	
	body.product .intro_bp .icon_list li img {
		width: 90px;
	}
	
	body.product .intro_tb h4 {
		margin-bottom: 30px;
	}
	
	body.product .inqury_wrap .gform_wrapper .top_label .txt_wrap input.large {
		background-color: #fff !important;
		border-bottom: none;
	}
	
	
	/*--------------------------------------------------------
		
		02.02 SCANNING SOLUTIONS
		
	---------------------------------------------------------*/
	
	body.product .main_visual .main_txt_wrap h3 {
		font-weight: 300;
	}
	
	body.scanner .movie_wrap .overlay {
		background-image: url(/wp-content/themes/NewSlate/img-scanner/movie_thumb.jpg);
	}
	
	/* body.product .movie_wrap .fluid-width-video-wrapper {
		opacity: 0;
	} */
	
	.product .pd_intro_wrap .tit_section {
		padding-top: 0;
		border-top: 1px solid #0753a8;
	}
	
	.tit_section .et_pb_code_inner {
		background-color: #0753a8;
		padding: 10px 19px;
		display: inline-block;
		color: #fff;
		font-size: 24px;
	}
	
	.product .pd_intro_wrap .text_parag {
		padding: 20px 40px;
		margin-top: 30px;
	}
	
	body.product .pd_intro_wrap .text_parag .et_pb_code h3 {
		font-size: 38px;
		font-weight: bold;
		color: #0753a8;
	}
	
	body.product .pd_intro_wrap .text_parag h3 + h4 {
		margin-top: 20px;
	}
	
	body.product .txtbtn_grp .link_txt.blue {
		font-weight: bold;
		margin-right: 15px;
	    padding-bottom: 2px;
	    border-bottom: 2px solid #0753a8;
	    font-size: 14px;
	}
	body.product .txtbtn_grp .link_txt.blue:nth-last-child(1){
		margin-right: 0;
	}

	
	body.product .pd_intro_wrap .desc_detail_wrap {
		padding: 20px 40px;
		margin-top: 20px;
	}
	
	.pd_intro_wrap .desc_detail_wrap .desc_detail {
		border-top: 1px solid #ccc;
		padding-top: 15px;
	}
	
	.desc_detail_wrap .desc_detail h6 {
		color: #777;
		font-weight: bold;
		padding-bottom: 5px;
	}
	
	body.product.scanner .text_parag{
		max-width: 550px;
	}
	
	/*----- 이미지 슬라이더 -----*/
	
	.pd_intro_wrap .img_grp .et_pb_slider .et_pb_slide {
		padding: 0;
	}
	
	.img_grp .et_pb_slider:after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.5));
		z-index: 9;
		pointer-events: none;
	}
	
	.img_grp .et_pb_slider .et_pb_slide .et_pb_slide_image {
		margin-top: 0 !important;
	}
	
	.img_grp .et_pb_slider .et_pb_slide .et_pb_slide_image img {
		width: 100%;
	    height: 100%;
	    max-height: unset !important;
	}
	
	.img_grp .et_pb_slider .et_pb_slide .et_pb_slide_description {
		padding: 0;
	}
	
	
	
	/* .img_grp .et_pb_slider .et_pb_slide{
		height:100% !important;
	}
	
	.img_grp .et_pb_slider .et_pb_slide .et_pb_container{
		height:100% !important;
	} */
/*
	
	.img_grp .et-pb-slider-arrows .et-pb-arrow-prev:before, .et-pb-slider-arrows .et-pb-arrow-next:before {
		text-shadow: 0px 3px 2px rgba(0,0,0,0.7);
	}
*/
	
	.img_grp .et-pb-arrow-next, .img_grp .et-pb-arrow-prev {
		top: auto;
		bottom: 20px;
	}
	
	.img_grp .et-pb-controllers a {
		width: 12px;
		height: 12px;
		text-shadow: 0px 3px 2px rgba(0,0,0,0.7);
	}
	
	
	
	.pd_intro_wrap .addi_info_warp {
		padding: 20px 40px;
	}
	
	.pd_intro_wrap .addi_info_warp .func_wrap {
		border-bottom: 1px solid #eee;
	}
	
	.pd_intro_wrap .addi_info_warp .func_wrap h6 {
		background-color: #f3f3f3;
		font-size: 14px;
		font-weight: bold;
		padding: 12px 15px;
	}
	
	.pd_intro_wrap .addi_info_warp .func_wrap ul {
		padding: 25px 35px;
	}
	
	body.layout .pd_intro_wrap .addi_info_warp .func_wrap ul {
		padding: 25px 35px 0;
	}
	
	.pd_intro_wrap .addi_info_warp .func_wrap li {
		font-size: 14px;
		line-height: 1.6em;
	}
	
	.pd_intro_wrap .addi_info_warp .utilize_wrap {
		padding: 20px 25px;
		background-color: #f3f3f3;
	}
	
	.pd_intro_wrap .addi_info_warp .utilize_wrap h6 {
		font-size: 14px;
		font-weight: bold;
	}
	
	.pd_intro_wrap .addi_info_warp .utilize_wrap ul {
		padding: 0;
	}
	
	.pd_intro_wrap .addi_info_warp .utilize_wrap li {
		list-style: none;
		padding: 0 15px 0 0;
		font-size: 14px;
		display: inline-block;
		margin-bottom: 0px;
	}
	
	.pd_intro_wrap .addi_info_warp .utilize_wrap p {
		font-size: 14px;
	}
	
	
	/*----- 제품소개 동영상 -----*/
	
	.img_grp .fluid-width-video-wrapper {
		padding-top: 366px !important;
	}
	
	.video_grp.img_grp .fluid-width-video-wrapper {
	    padding-top: 385px !important;
	}
	
	.video_grp.img_grp .et_pb_container.et_pb_empty_slide {
		height: 385px !important;
	}
	
	body.product .text_parag .annot {
		padding-left: 15px;
		border-left: 2px solid #333;
	}
	
	.img_grp .annot p {
		font-size: 14px;
		line-height: 1.6em;
	}
	
	body.product .version_wrap.title_wrap {
		padding: 25px 40px 0;
	}
	
	body.product .version_wrap.cont {
		padding: 25px 40px;
	}
	
	body.product .version_wrap.title_wrap h6 {
		background-color:#f3f3f3;
		font-size:14px;
		font-weight:bold;
		padding:12px 15px;
	}
	
	body.product .version_wrap.title_wrap p {
		padding: 20px;
		font-size: 14px;
	}
	
	.version_wrap.cont .desc_txtwrap {
		padding-left: 10px;
	}
	
	.version_wrap.cont .desc_txtwrap div, .version_wrap.cont .desc_txtwrap p {
		font-size: 14px;
	}
	
	.version_wrap.cont .desc_txtwrap .et_pb_text_inner > div:before {
		content: '\B7';
		display: inline-block;
		margin-left: -12px;
		font-size: 18px;
		padding-right: 3px;
		vertical-align: middle;
	}
	
	.addi_info_warp .limits.utilize_wrap ul {
		margin-top: 7px;
	}
	
	.pd_intro_wrap .addi_info_warp .utilize_wrap.limits li {
		padding: 0 10px 0 0;
	}
	
	.pd_intro_wrap .addi_info_warp .utilize_wrap.limits li:before {
		content: '･';
		display: inline-block;
		font-size: 18px;
		padding-right: 3px;
		vertical-align: middle;
	}
	
	
	
	/********************************************************
	
	
		02.03 CONNECT
		
		
	*********************************************************/
	
	body.product.connect{
		color:#000;
	}

	body.product.connect .main_txt_wrap h3 b{
		font-size: 38px;
	}
	
	body.product.connect .et_pb_section_1 h4,
	body.product.connect .et_pb_section_2 h4,
	body.product.connect .et_pb_section_3 h4{
		text-transform: none;
		font-weight: normal;
	}
	
	body.product.connect .et_pb_section_2 h3,
	body.product.connect .et_pb_section_3 h3{
		text-transform: none;
	}
	
	body.product.connect .main_visual .main_txt_wrap{
		padding:290px 40px 250px;
	}
	
	body.product.connect .info_warp_detail,
	body.product.connect .info_warp_detail ul{
		padding-top:0;
		padding-bottom: 0;
	}
	
	body.product.connect .addi_info_warp.info_warp_detail {
		margin-top: 20px;
	}
	
	body.product.connect .info_warp_detail .func_wrap,
	body.product.connect .info_warp_detail_half .func_wrap,
	body.product.layout .func_wrap{
		border-bottom:none;
	}
	
	body.product.connect .info_warp_detail_half > div{
		border-bottom:1px solid #eee;
	}
	
/*
	body.product.layout .info_warp_detail:after{
		content: '';
	    width: 100%;
	    height: 1px;
	    visibility: visible;
	    background: #eee;
	}
*/
	
	body.product .pd_intro_wrap .addi_info_warp.info_warp_detail {
		padding: 10px 40px 0px;
	}
	
	body.product .pd_intro_wrap .addi_info_warp.info_warp_detail:after {
		content: '';
		width: 100%;
		visibility: visible;
		border-bottom: 1px solid #e3e3e3;
		padding-top: 30px;
	}
	
	body.product.connect .movie_wrap .overlay{
		background-image: url('/wp-content/themes/NewSlate/img-connect/movie_thumb.jpg');
	}

	body.product.connect .img_onlyD{
		text-align: center;
	}

	body.product.connect .img_onlyD img{
		max-height: 330px;
	}

	body.product.connect .info_warp_detail .et_pb_colum_10 > div{
		text-align:center;
	}
	
	body.product.connect .et_pb_row_6.info_warp_detail .func_wrap {
		margin-top: 0px;
	}

	body.product.connect .custom_colum {
		align-items: center;
		-ms-flex-align: center;
		display: flex;
		display: -ms-flexbox;
	}
	
	.pd_intro_wrap .addi_info_warp .func_wrap .custom_colum li  {
		font-size: 16px;
		margin-bottom: 0;
		word-break: keep-all;
	}
	
	body.product.connect .addi_info_warp .custom_colum .txt_wrap li b {
		margin-bottom: 10px;
		display: inline-block;
	}

	body.product.connect .custom_colum > div {
		width:50%;
	}

	body.product.connect .custom_colum .img_wrap {
		text-align: center;
	}
	
	body.product.connect .custom_colum .img_wrap b{
		font-size: 16px;
	}
	/********************************************************
	
	
		02.04 LAYOUT
		
		
	*********************************************************/
	
	body.product.layout{
		color:#000;
	}
	
	body.product.layout .main_visual .main_txt_wrap{
		padding:260px 40px 220px;
	}

	body.product,layout .sub_txt_wrap span{
		text-transform: none;
	}
	
	body.product.layout .main_txt_wrap span{
		font-weight:normal;
	}
	
	body.product.layout .movie_wrap .overlay{
		background-image: url('/wp-content/themes/NewSlate/img-layout/movie_thumb.jpg');
	}
	
	body.product.layout .txt_event h4{
		display: inline-block;
		padding:30px;
		box-sizing: border-box;
		height: 150px;
		width:100%;
	}


	/********************************************************
	
	
		02.05 ALLTRAK
		
		
	*********************************************************/
	
	body.product.alltrak{
		color:#000;
	}
	
	body.product.alltrak .main_visual .main_txt_wrap h3{
		font-weight: 100;
	}

	body.product.alltrak .et-fixed-header .header #main-header{
		background-color: rgba(23, 14, 33, 0.9) !important;
	}
	
	body.product.alltrak .movie_wrap .overlay{
		background-image: url('/wp-content/themes/NewSlate/img-alltrak/movie_thumb.jpg');
	}
	
	body.product.alltrak .ttn{
		text-transform: none;
	}

/********************************************************
	
	
	04.00 RESPONSIVE
	
	
*********************************************************/




@media only screen and (min-width: 768px) {
	
	/* 로고 사이즈 */
	.product #main-header .logo {
		margin: 16px 0;
	}
	
	/* body.product.connect #main-header .logo{
		height:26.4px;
		margin:25px 0;
	} */
}

@media only screen and (max-width: 1500px) {
	
	.img_grp .fluid-width-video-wrapper {
		padding-top: 63% !important;
	}
	
}

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

	body.admin-bar .mobmenu {
	    top: 0px !important;
	}
	
	.home.product .et_pb_section.numbering > .et_pb_row {
		width: auto !important;
	}

	body.product.connect .custom_colum{
		flex-direction: column;
		-ms-flex-direction: column;
	}

	body.product.connect .info_warp_detail img{
		max-height: none;
	}

	body.product.connect .custom_colum > div{
		width: 100%;
	}

	body.product.alltrak .mob-menu-header-holder .mob-menu-logo-holder .mob-standard-logo{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	body.product .main_visual .main_txt_wrap {
		padding: 110px 30px 50px !important;
	}
	body.product .main_visual .main_txt_wrap h3 {
		font-size: 26px !important;
	}

}

@media only screen and (max-width: 980px) {
	body.product.scanner .cont.version_wrap .desc_txtwrap{
		padding-bottom:20px;
		border-bottom:1px solid #888;
		margin-bottom:20px;
	}

	.info_warp_detail > div:nth-of-type(1){
		margin-bottom: 0;
	}
	.info_warp_detail > div:nth-of-type(2) ul{
		padding-top: 0 !important;
	}

	.product .pd_intro_wrap .tit_section{
		border-top: none;
		padding-bottom: 0;
		text-align: center;
	}

	body.product.alltrak .icon_grp{
		justify-content: center;
		-ms-flex-pack: center;
	}
	
	body.product.alltrak .icon_grp > div{
		width: calc(33.33% - 10px) !important;
	    margin-right: 10px !important;
	}
	
	body.product.alltrak .icon_grp > div:nth-child(3){
		margin-right: 0 !important;
	}
	
	body.product.alltrak .icon_grp > div:nth-last-child(1){
		margin-right: 0 !important;
	}

	body.product .pd_intro_wrap .img_grp {
		padding: 20px 40px;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 768px) {
	
	.et_pb_section.numbering {
		padding: 120px 40px;
	}
	
	.et_pb_section.numbering .inner_title h5, .et_pb_section.numbering .et_always_center_on_mobile, .et_pb_section.numbering .imgcap_grp h6 {
		text-align: center !important;
	}
}


@media only screen and (max-width: 480px) {
	
	body.product .main_visual .et_pb_section_parallax .et_pb_parallax_css.et_parallax_bg {
		background-attachment: initial;
		background-position: center center;
	}
	
	body.product .main_visual .main_txt_wrap h3 {
		font-size: 20px !important;
	}
	
	body.product .et_pb_section.numbering {
		margin: 40px auto;
	}
	
	body.product .et_pb_section.numbering .imgcap_grp .et_pb_module {
		margin-bottom: 10px;
	}
	
	.home.product .gform_wrapper label.gfield_label {
		font-size: 100%;
	}
	
	.pd_intro_wrap .addi_info_warp, .product .pd_intro_wrap .text_parag, body.product .version_wrap.title_wrap {
		padding-left:0;
		padding-right:0;
	}
	
	body.product .pd_intro_wrap .addi_info_warp.info_warp_detail, body.product .pd_intro_wrap .addi_info_warp .func_wrap .custom_colum ul {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	body.product.connect .custom_colum .img_wrap {
		padding-top: 20px;
	}
	
	body.product.home .sec_title h2{
		text-align:center;
	}

	body.product.alltrak .et_pb_section.main_visual > .et_pb_row{
		background-position: -1240px 0px;
	}

	body.product.connect .main_txt_wrap h3 b{
		font-size: 24px;
	}

	body.product .pd_intro_wrap .img_grp {
		padding: 0;
		margin-top: 0px;
	}
}
@media (max-width: 375px){
	body.product.alltrak .et_pb_section.main_visual > .et_pb_row{
		background-position: -1400px 0px;
	}
}