/* ========== 전체 적용 ========= */
*{
	font-family:noto Sans KR;
	box-sizing:border-box;
	}
#wrap{
	background-color:#fafafa;
	}
/* ========== 메인 배너 ========= */
#main_banner{
	position:relative;
	width:100%;
	overflow:hidden;
	/* height: 800px; */
	}
#main_banner .main_banner_img li{
	display:block;
	width:100px;
	height:580px;
	object-fit:cover;
	position:relative;
	}
#main_banner .main_banner_img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: center 57%;
	}
#main_banner .main_banner_txt{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
	color:#fff;
	text-shadow: 3px 3px 10px rgb(0 0 0 / 10%);
	width:100%;
	}
#main_banner .main_banner_txt h4{
	font-size:20px;
	padding:10px 20px;
	background-color:#1c5cdf;
	max-width:500px;
	margin: 0 auto;
	}
#main_banner .main_banner_txt h4 br{
	display:none;
	}
#main_banner .main_banner_txt h3{
	font-size:72px;
	font-weight:bold;
	margin-top:20px;
	}
#main_banner .main_banner_txt p{
	font-size:28px;
	margin-top:20px;
	margin-bottom:40px;
	line-height:45px;
	}
#main_banner .main_banner_txt span{
	color:#83acff;
	font-weight:bold;
	}

/* ========== 제품 소개 ========= */

#main_cont_wrap{
	max-width:1280px;
	margin: 0 auto;
	padding:120px 20px;
	}

/* 타이틀 */
#main_cont_wrap .title{
	position:relative;
	}
#main_cont_wrap h3{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	}
#main_cont_wrap h4{
	font-family: "Montserrat";
	font-weight:500;
	font-size:18px;
	position:absolute;
	top:30px;
	right:0;
	}
#main_cont_wrap h4 i{
	font-size:16px;
	}

/* 탭 메뉴 */
#main_cont_wrap .tab_nav{
	font-size:20px;
	margin-top:50px;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
    align-items: center;
	}
#main_cont_wrap .tab_nav li{
	display:inline-block;
	max-width:240px;
	width: calc(20% - 80px/5);

    margin-bottom: 20px;
	border-radius:25px;
	box-shadow: 3px 3px 10px rgb(0 0 0 / 8%);
	background-color:#fff;
	line-height:50px;
	cursor: pointer;
	}
#main_cont_wrap .tab_nav li a{
	display:block;
	padding:15px 0;
	color:#666;
	}
#main_cont_wrap .tab_nav li.on{
	background:#0054ff;
	color:#fff;
	font-weight:bold;
	}

/* 탭 컨텐츠 (제품) */
#main_cont_wrap .cont{
	display:none;
	}
#main_cont_wrap .tab1{
	display:block;
	}
#main_cont_wrap .tab_content{
	margin-top:50px;
	}
#main_cont_wrap .cont{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
	width:100%;
	}
#main_cont_wrap .tab_content li{
	display:none;
	max-width:240px;
	width: calc(20% - 80px/5);
	height:240px;
	margin-right:20px;
    margin-bottom: 20px;
	background-color:#fff;
	box-shadow: 3px 3px 10px rgb(0 0 0 / 8%);
	position:relative;
	padding:30px;
	}

	#main_cont_wrap .tab_content li.full{padding: 0!important}
	#main_cont_wrap .tab_content li.full img{max-width: 100%!important}

#main_cont_wrap .tab_content li:nth-of-type(5n){
	margin-right:unset;
}
#main_cont_wrap .tab_content img{
	max-width: 150px;
	width:100%;
	}
#main_cont_wrap .tab_content p{
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:16px;
	display:none;
	text-align:center;
	line-height:24px;
	width:80%;
	}
#main_cont_wrap .tab_content .li_wrap{
	display:flex;
	width:100%;
	height:100%;
	align-items: center;
    justify-content: center;
}
#main_cont_wrap .tab_content .li_wrap::after{
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,33,116,0.8);
	position:absolute;
	top:0;
	left:0;
	display:none;
	}
#main_cont_wrap .tab_content > div:not(:first-child){
	display:none;
	}
#main_cont_wrap .tab_content .fit{
	/* padding:0; */
	}
#main_cont_wrap .tab_content .shrink{
	padding:50px;
	}
#main_cont_wrap .tab_content .shrink img{
	max-width:120px;
	}
#main_cont_wrap .tab_content .p_60{
	padding:60px;
	}
#main_cont_wrap .tab_content .p_50{
	padding:50px;
	}

/* 더보기 버튼 */
#main_cont_wrap .more_btn{
	margin-top:50px;
	text-align:center;
	}
#main_cont_wrap .more_btn button{
	width: 190px;
    height: 50px;
    border-radius: 25px;
    background: #fff;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 8%);
    font-size: 18px;
	}
#main_cont_wrap .more_btn button a{
	display: block;
    height: 50px;
    line-height: 50px;
	}
#main_cont_wrap .more_btn button img{
	max-width:20px;
	margin-left:10px;
	}

/* ========== 미디어쿼리 ========= */


@media screen and (min-width: 991.1px) {
	#main_cont_wrap .tab_nav li:hover{
		background:#0054ff;
		color:#fff;
		font-weight:bold;
		}
	#main_cont_wrap .tab_content li:hover .li_wrap::after{
		display:block;
		}
	#main_cont_wrap .tab_content li:hover p{
		display:block;
		z-index:1;
		}
	#main_cont_wrap h4:hover{
		color: #0054ff;
		font-weight:bold;
		transition: all .3s;
		}
	#main_cont_wrap h4:hover i{
		font-weight:900;
		}
	}


@media screen and (max-width: 1650px) { /* 분할 구간 */
	#main_cont_wrap{
		margin:0 200px 0 60px;
		}
	/* 메인 배너 */
	#main_banner{
		height:700px;
		}
	#main_banner .main_banner_img li{
		height:700px;
		}

	/* 페이저 */
	.slick-dots{
		max-width:290px;
		}

	/* 탭 메뉴 */
	#main_cont_wrap .tab_nav{
		font-size:18px;
		}
	}

@media screen and (max-width: 1440px) { /* 탭 컨텐츠 세로 길이 맞춤 */
	#main_cont_wrap .tab_content li{
		height:240px;
		}
	}

@media screen and (max-width: 1280px) { /* 분할 구간 */
	/* 메인 배너 */
	#main_banner{
		height:600px;
		}
	#main_banner .main_banner_txt h4{
		font-size:18px;
		max-width:450px;
		}
	#main_banner .main_banner_txt h3{
		font-size:60px;
		margin-top:30px;
		}
	#main_banner .main_banner_txt p{
		font-size:24px;
		line-height:36px;
		margin-top:30px;
		}
	#main_banner .main_banner_img li {
		height: 600px;
		}

	/* 탭 메뉴 */
	#main_cont_wrap .tab_nav{
		justify-content:flex-start;
	}
	#main_cont_wrap .tab_nav li{
		font-size:16px;
		width: calc(25% - 60px/4);
		margin-right:20px;
		}
	#main_cont_wrap .tab_nav li:nth-of-type(4n){
		margin-right:unset;
	}

	/* 탭 컨텐츠 */
	#main_cont_wrap .tab_content li{
		width:calc(25% - 60px/4);
	}
	#main_cont_wrap .tab_content li:nth-of-type(5n){
		margin-right:20px;
	}
	#main_cont_wrap .tab_content li:nth-of-type(4n){
		margin-right:unset;
	}
}

@media screen and (max-width: 1200px) { /* 탭 컨텐츠 세로 길이 맞춤 */
	#main_cont_wrap .tab_content li{
		height:200px;
		}
	}

@media screen and (max-width: 1050px) { /*  탭 컨텐츠 세로 길이 맞춤 */
	#main_cont_wrap .tab_content li{
		height:170px;
		}
	}

@media screen and (max-width: 991px) { /* 분할 구간 */
	/* 메인 배너 */
	#main_banner{
		height:500px;
		}
	#main_banner .main_banner_txt h4{
		font-size:16px;
		max-width:390px;
		padding:7px 10px;
		}
	#main_banner .main_banner_txt h3{
		font-size:48px;
		margin-top:20px;
		}
	#main_banner .main_banner_txt p{
		font-size:18px;
		line-height:30px;
		margin-top:20px;
		}
	#main_banner .main_banner_img li {
		height: 500px;
		}

	/* 컨텐츠 공통 */
	#main_cont_wrap{
		margin:0 auto;
		padding:50px 20px;
		}

	/* 제품 소개 타이틀 */
	#main_cont_wrap h3{
		font-size:24px;
		}
	#main_cont_wrap h4{
		font-size:16px;
		position:absolute;
		top:10px;
		right:0;
		}
	#main_cont_wrap h4 i{
		font-size:14px;
		}


	/* 탭 메뉴 */
	#main_cont_wrap .tab_nav{
		margin-top: 40px;
		justify-content: space-between;
		}
	#main_cont_wrap .tab_nav li{
		height:40px;
		line-height:40px;
		font-size:16px;
		max-width: 310px;
		width:calc(100%/3 - 40px/3);
		margin-bottom:20px;
		}
	#main_cont_wrap .tab_nav li:nth-of-type(4n){
		margin-right:20px;
	}
	#main_cont_wrap .tab_nav li:nth-of-type(3n){
		margin-right:unset;
	}
	#main_cont_wrap .tab_nav li:nth-child(10){
		margin-bottom:0;
		}

	/* 탭 컨텐츠 (제품) */
	#main_cont_wrap .tab_content{
		margin-top:40px;
		}
	#main_cont_wrap .tab_content li{
		width:calc(100%/3 - 40px/3);
		max-width:310px;
		height:280px;
		padding:30px 30px 70px 30px;
		}
	#main_cont_wrap .tab_content li:nth-of-type(4n){
		margin-right:20px;
	}
	#main_cont_wrap .tab_content li:nth-of-type(3n){
		margin-right:unset;
	}
	#main_cont_wrap .tab_content li br{
		display:none;
		}
	#main_cont_wrap .tab_content p{
		font-size:16px;
		line-height:20px;
		display:flex;
		align-items:center;
		justify-content:center;
		color:#fff;
		z-index:1;
		top:unset;
		bottom:0;
		height:50px;
		width:85%;
		transform: translateX(-50%);
		}
	#main_cont_wrap .tab_content .li_wrap::after{
		content:"";
		width:100%;
		height:50px;
		background-color:rgba(0,33,116,0.8);
		position:absolute;
		top:unset;
		bottom:0px;
		left:0;
		display:block;
		}
	#main_cont_wrap .tab_content .shrink {
		padding: 30px 30px 80px 30px;
		}
	#main_cont_wrap .tab_content .shrink img{
		width:100px;
		}
	#main_cont_wrap .cont li{
		margin-bottom: 20px;
		}
	/* 더보기 버튼 */
	#main_cont_wrap .more_btn{
		margin-top:20px;
		}
	#main_cont_wrap .more_btn button{
		height:40px
		}
	#main_cont_wrap .more_btn button a{
		height:40px;
		line-height:40px;
		font-size:16px;
		}
	}


@media screen and (max-width: 600px) { /* 분할 구간 */
	/* 메인 배너 */
	#main_banner{
		height:400px;
		}
	#main_banner .main_banner_txt h4{
		font-size:14px;
		max-width:340px;
		padding:7px 10px;
		line-height: 18px;
		}
	#main_banner .main_banner_txt h3{
		font-size:30px;
		margin-top:20px;
		}
	#main_banner .main_banner_txt p{
		font-size:14px;
		line-height:18px;
		margin-top:20px;
		}
	#main_banner .main_banner_img li {
		height: 500px;
		}
	#main_banner .main_banner_img li {
		height: 400px;
		}

	/* 공통 */
	#main_cont_wrap{
		padding:50px 10px;
		}

	/* 제품 소개 타이틀 */
	#main_cont_wrap h4{
		font-size:14px;
		position:absolute;
		top:10px;
		right:0;
		}
	#main_cont_wrap h4 i{
		font-size:12px;
		}

	/* 탭 메뉴 */
	#main_cont_wrap .tab_nav{
		margin-top: 30px;
		justify-content: space-between;
		}
	#main_cont_wrap .tab_nav li{
		height:35px;
		line-height:35px;
		font-size:14px;
		width:calc(50% - 10px/2);
		margin-bottom:10px;
		}
	#main_cont_wrap .tab_nav li:nth-of-type(2n+1){
		margin-right:10px;
	}
	#main_cont_wrap .tab_nav li:nth-of-type(2n){
		margin-right:unset;
	}
	#main_cont_wrap .tab_nav li:nth-child(9){
		margin-bottom: 0;
		}
	#main_cont_wrap .tab_nav li:nth-child(10){
		margin-bottom: 0;
		}

	/* 탭 컨텐츠 */
	#main_cont_wrap .tab_content{
		margin-top:30px;
		}
	#main_cont_wrap .tab_content li{
		width: calc(50% - 10px/2);
		height:300px;
		margin-right:10px;
		margin-bottom:10px;
		}
	#main_cont_wrap .tab_content li:nth-of-type(2n+1){
		margin-right:10px;
	}
	#main_cont_wrap .tab_content li:nth-of-type(2n){
		margin-right:unset;
	}
	#main_cont_wrap .tab_content .shrink {
		padding: 60px 60px 110px 60px;
		}
	#main_cont_wrap .tab_content p{
		font-size:14px;
		}
	#main_cont_wrap .tab_content .shrink img{
		max-width:120px;
		}

	/* 더보기 버튼 */
	#main_cont_wrap .more_btn{
		margin-top:30px;
		}
	#main_cont_wrap .more_btn button{
		width:150px;
		height:35px;
		font-size: 14px;
		}
	#main_cont_wrap .more_btn button a{
		height:35px;
		line-height:35px;
		font-size:14px;
		}
	}

@media screen and (max-width: 400px) { /*  탭 컨텐츠 세로 길이 맞춤 */
	/* 메인 배너 */
	#main_banner .main_banner_txt h4{
		max-width:220px;
		}
	#main_banner .main_banner_txt h4 br{
		display:block;
		}

	/* 탭 컨텐츠 (제품) */
	#main_cont_wrap .tab_content li{
		height:220px;
		padding: 30px 30px 80px 30px;
		}
	#main_cont_wrap .tab_content .shrink {
		padding: 30px 30px 80px 30px;
		}
	#main_cont_wrap .tab_content .shrink img {
		max-width: 75px;
		}
	}

@media screen and (max-width: 360px) {
	#main_cont_wrap .tab_content p{
		height:70px;
		}
	#main_cont_wrap .tab_content li{
		padding: 20px 20px 80px 20px;
		}
	#main_cont_wrap .tab_content .li_wrap::after{
		height:70px;
		}
	}

.pop_up{
	position: absolute;
	left: 10px;
	top: 100px;
	z-index: 100;
	width: 450px;
}
.pop_up .img {
	line-height:0
}
.pop_up img {
	 max-width: 100%;
}
.pop_up .btn-group{
	display: flex;
	align-items:center;
}
.pop_up button {
    font-size: 12px;
    color: #fff;
    height: 42px;
}
.pop_up .reject {
	flex:1;
	padding: 0 10px;
	background: #000;
}
.pop_up .close {
	width: 42px;
	background: #393939;
}

@media(max-width:576px){
	.pop_up{
		top:70px;
		width:360px
	}
}

@media(max-width:400px){
	.pop_up{
		width:300px
	}
}