@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

.container {
	position: relative;
	box-sizing: inherit;
}
@media (min-width: 1199px) {	
	.container.container-m {
		max-width:1750px !important;
	}
}
a.a_link {
    font-size: 0em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
a {
	transition: .3s ease all;
}
a:hover {
	transition: .3s ease all;
}
/* ---------- 유튜브 동영상 ---------- */
.embed-container {
    position: relative;
    padding-bottom: 56.4%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

/*  padding-bottom 으로 세로높이 조절 */
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*=======================
 메인비쥬얼 CSS
=========================*/
#main_visual {
	position: relative;
	overflow: hidden;
	background: #000;
}
#main_visual .main_v_inner {
	background: rgb(0 0 0 / 10%) url(../images/main/main_bg.png) repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
#main_visual .mvisu_txt {
	color: #fff;
	position: relative;
	font-family: "Play";
	font-weight: 500;
	letter-spacing: -0.0rem;
}
#main_visual .mvisu_txt .mt01 {
	margin-left:0.3rem;
	font-size: 1.1rem;
	letter-spacing: 0.2rem;
	line-height: 1;
	color:#ee2a23;
}
#main_visual .mvisu_txt .mt01 span:before{
	display: inline-block;
    content: '';
    background: #ee2a23;
    width: 3rem;
    height: 1px;
    vertical-align: middle;
	margin-right:5px;
}
#main_visual .mvisu_txt .mt02 {
	margin-top: 1rem;
	line-height: 1;
	color: rgba(255, 255, 255, 1);
	font-size: 3.8rem;
	text-shadow: 10px 10px 28px rgb(0 0 0 / 35%);
}
#main_visual .mvisu_txt .mt03 {
	margin-left:0.2rem;
	margin-top: 1rem;
	text-shadow: 10px 10px 28px rgb(0 0 0 / 45%);
	color: rgba(255, 255, 255, 0.8);
	font-size: 1.1rem;
}
#main_visual .mvisu_txt .mt04 {
	position:absolute;
	left:0;
	bottom:-20rem;
}
#main_visual video {
  z-index: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  min-height: 900px;
  min-width: 1600px;
}

@media (max-width: 1199px) {
  #main_visual video {
	  min-height: 600px;
	}
}

@media (max-width: 768px) {
	#main_visual {
		height: 400px;
	}
	#main_visual video {
		min-width: 900px;
	}
	#main_visual .mvisu_txt .mt02 {
		font-size: 2.5rem;
	}
}
@media (min-width: 768px) {
	#main_visual {
		height: 600px;
	}
}
@media (min-width: 1200px) {
	 #main_visual {
		height: 920px;
	 }
	 #main_visual video {
		  height: 110%;
		  width:auto;
	}
	#main_visual::after {
		position: absolute;
		top: 18rem;
		right: 5rem;
		display: block;
		content: url(../images/main/logo_bg.png);
		z-index: 10;
	}
}
@media (min-width: 1660px) {
  #main_visual video {
	  width:100%;
	  height:auto;
	}

}
.main_body{
    background: #1b1b1b;
}

/*------------------------------------
  컨텐츠
------------------------------------*/


/* section01 ----------------- */
.section01 {
    font-family: 'Play';
    font-weight: 500;
}
.section01:after {
	display:block;
	content:'';
	position:absolute;
	height:100%;
	width:100%;
	z-index:0;
	background:url(../images/main/pro01_bg.jpg) no-repeat scroll 80% 50%;
	background-size:cover;
	top:0;
}
.pcon_title .txt01{
	color: #fff;
	font-size: 2.2rem;
    letter-spacing: 0.02rem;
    line-height: 1;
	text-shadow: 10px 10px 28px rgb(0 0 0 / 55%);
}
.pcon_title .txt01:after{
	display: inline-block;
	content:'';
	height:0.64rem;
	width:0.6rem;
	background:#ee2a23;
	border-radius:50%;
	vertical-align:top;
	margin:5px 0 0 5px
}
.pcon_title .txt02{
	color: rgba(255,255,255,0.6);
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: -0rem;
}
.pcon_title .txt03 {
    font-size: 1rem;
	background:#c50000;
	border-radius:40px;
	padding:1.2rem 2.6rem;
	color:#fff;
}
.pcon_title .txt03 .material-symbols-outlined {
    font-size: 1.5rem;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 200;
}

@media (min-width: 769px) {	
	.container.container-fluid{
		max-width:100% !important;
	}
}

@media (min-width: 1200px) {	
	.pcon_title .txt01{
		font-size: 2.6rem;
	}
}
@media (min-width: 1400px) {	
	.pcon_title .txt01{
		font-size: 3.3rem;
	}
	.section01:after {
		height:85%;
		background:url(../images/main/pro01_bg.jpg) no-repeat scroll 100% 50%;
		background-size:100% auto;
	}
}




/* section02  ----------------- */
.section02{
    font-family: 'Play';
    font-weight: 500;
	background:url(../images/main/pro02_bg.jpg) no-repeat scroll 80% 50%;
	background-size:cover;
}

@media (min-width: 1400px) {	
	.section02{
		margin-top:-5rem;
	}
}

/* section03 CUSTOMIZE----------------- */
.section03{
    font-family: 'Play';
    font-weight: 500;
	background:url(../images/main/customize_bg.png) no-repeat scroll 100% 0%;
}
.section03 .main_title .txt01{
	color: #fff;
    font-size: 2.8rem;
    letter-spacing: 0.03rem;
    line-height: 1;
    text-shadow: 10px 10px 28px rgb(0 0 0 / 55%);
}
.section03 .main_title .txt02{
	color: rgba(255, 255, 255, 0.6);
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: -0rem;
}
.section03 .main_title .txt04 {
	position:relative;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #cc0000;
}
.section03 .main_title .txt04::before {
    display: inline-block;
    content: '';
    background: #cc0000;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    vertical-align: middle;
}
.section03 .main_title .txt04 span.sp_st01 {
    margin-left: -32px;
    display: inline-block;
    vertical-align: middle;
}
.section03 .main_title .txt04 span strong {
    color: #fff;
	margin-right:4px;
}
.section03 .main_title .txt04 span.material-symbols-outlined {
    font-size: 1.7rem;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 200;
    display: inline-block;
    vertical-align: middle;
	margin-left:2px;
}

/*=========================
 프로그램
=========================*/
#recomPro2{margin-bottom:0px;}
#recomPro2 > div.inner{width:100%;margin:0 auto;}
#recomPro2 .slideWrap{position:relative;overflow:hidden;margin-bottom:28px;width:100%;}
#recomPro2 .slideWrap ul{width:100%;}
#recomPro2 .tickerSlide{position:absolute;top:0px;right:0px;overflow:hidden;-webkit-transition-timing-function: linear; Safari and Chrometransition-timing-function: linear;}
#recomPro2 .tickerSlide li{float:right;width:420px;}
#recomPro2 .tickerSlide li > a{display:block;}

.sli_box{
	position:relative;
	border-radius: 20px;
    overflow: hidden;
}
.sli_box .s_img img {
	width: 100%;
}

/* section04 customer ----------------- */
.section04 .container{
	border-top:1px solid rgba(255,255,255,0.1);
}
.cus_banner{
	border-radius:20px;
	overflow:hidden;
}

/* bxslider */
.section04 .bx-wrapper {
    position: inherit !important;
}
.section04 .bx-wrapper .bx-controls-direction a {
    height: 45px;
    width: 45px;
    margin-top: -15px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    z-index: 999;
	bottom: 45%;
}
.section04 .bx-wrapper .bx-next {
    background: url("../images/main/bt_next.png") no-repeat  0px 0px !important;
	background-size:100% auto !important;
	right: -20px !important;
}
.section04 .bx-wrapper .bx-prev {
    background: url("../images/main/bt_prev.png") no-repeat  0 0px !important;
	background-size: 100% auto !important;
	left: -20px !important;
}

@media (max-width: 768px) {	
	.section04 .bx-wrapper .bx-controls-direction a {
		display:none;
	}
}
@media (max-width: 991px) {	
	.section04 .nav-link {
		width: 50%;
		text-align: center;
	}
}


/* 게시판 */
.cus_02 {
	border-radius: 20px;
    overflow: hidden;
	background: rgba(1,1,1,0.5);
    padding: 1.5rem 2.5rem;
}
.ma_bo_title .title{
	font-size:2rem;
    font-family: 'Play';
    font-weight: 500;
	color:#fff;
}
.ma_bo_title a.more{
	font-size:15px;
    font-family: 'Play';
    font-weight: 500;
	color:#fff;
}
.no_list_con{
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 1.2rem 0;
}
.no_list_con:last-child{
	position: relative;
	border-bottom: none;
    padding-bottom:0;
}
.no_list_con .left {
	width:calc( 100% - 80px );
}
.no_list_con .left .no_text{
	width:100%;
}
.no_list_con .no_text .txt01{
    font-size: 15px;
    font-weight: 600;
    color: rgba(255,255,255,0.5);
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no_list_con .no_text .txt02{
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: -0.03rem;
    line-height: 1.2;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no_list_con .icon .material-symbols-outlined {
    color: rgba(255,255,255,0.6);
    border-radius: 50%;
    font-weight: 600;
    margin-bottom: 0rem;
    font-size: 1.5rem;
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 200;
}

.cus_03{
    background: url("../images/main/cus_shop2.jpg") no-repeat  0px 100%;
	background-size:auto 100%  !important;
	border-radius: 20px;
    overflow: hidden;
    font-weight: 600;
	color:#fff;
	font-size:1.5rem;
}
.cus_03 .txt01{
	line-height:0;
}
.cus_03 .txt02{
	font-size:2.5rem;
    font-family: 'Play';
}

@media (min-width: 991px) and (max-width: 1700px){	
	.no_list_con {
		padding: 0.9rem 0;
	}
}
@media (max-width: 768px){	
	.cus_03{
		background-size: 100% auto !important;
        padding: 3rem 0;
        background-position: center 0;
	}
}
@media (max-width: 500px){	
	.cus_03 .txt03 {
		font-size: 1.3rem;
	}
}

/* 구글폰트 fallback */
.material-symbols-outlined {
    font-weight: 600;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' -25,
  'opsz' 48
}