#main{
	width:100%;
	position:Relative;
}

#main .visual{
	width:100%;
	position:fixed;
	border-radius:50px 50px 0px 0px;
	background:#fff;
	z-index:1;
	margin-top:-50px;
	height:100vh;
	overflow:hidden;
}

#main .visual .bg{
	width:100%;
	position:relative;
	height:100%;
	overflow:hidden;
	aspect-ratio:3 / 1.4;
}

#main .visual .bg video,
#main .visual .bg source{
	width:100%;
	opacity:0.05;
	position:relative;
	left:50%;
	transform:translateX(-50%); 
}


#main .visual .scroll-bg{
	width:100%;
	background:#222;
	position:absolute;
	bottom:-100%;
	height:100%;
	transition:all 0.8s;
	z-index:-1;
}

#main .visual .ct{
	width:100%;
	padding:0px 100px;
	box-sizing:border-box;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	display:flex;
	z-index:2;
	transition:all 1s;
}

#main .visual .ct .mainVisual{
	width:100%;
}



#main .visual .ct section{
	width:100%;
	display:flex;
	justify-content:center;
	transition:all 1s;
}




#main .visual .ct section .txA{
	width:50%;
	padding:100px 50px 100px 0px;
	box-sizing:Border-box;
	position:relative;
	z-index:1;
	transition:all 1s;
}


#main .visual .ct section .txA .tit{
	font-size:72px;
	color:#222;
	font-weight:700;
	
}

#main .visual .ct section .txA .tit span{
	color:#1165AC;
	font-weight:300;
	display:inline-block;
	margin-left:15px;
}

#main .visual .ct section .txA .substance{
	font-size:24px;
	color:#222;
	margin-top:20px;
	word-break:keep-all;
	line-height:34px;
}

#main .visual .ct section .txA .btnA{
	width:100%;
	margin-top:50px;
}

#main .visual .ct section .txA .btnA .more-btn{
	display:inline-block;
	padding:0px 40px;
	background:#222;
	color:#fff;
	vertical-align:middle;
	line-height:70px;
	border-radius:50px;
}

#main .visual .ct section .txA .btnA .more-btn a{
	color:#fff;
}

#main .visual .ct section .txA .btnA .arrow-btn{
	display:inline-block;
	vertical-align:middle;
	width:70px;
}

#main .visual .ct section .txA .btnA .arrow-btn img{
	width:100%;
}

#main .visual .ct section .txA .btnA .arrow-btn:hover{
	transform:rotate(-45deg);
	transition:all 1s;
}



#main .visual .ct section .imgA{
	width:50%;
	padding-left:20px;
	box-sizing:Border-box;
	text-align:center;
	position:relative;
	transition:all 1s
}

#main .visual .ct section .imgA div{
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:80%;
}

#main .visual .ct section .imgA div img{
	width:100%;
}




#main .shortList{
	width:100%;
	background:#FAFAF4;
	padding:100px 100px;
	box-sizing:border-box;
	display:flex;
}

#main .shortList li{
	width:100%;
}

#main .shortList li .ico{
	text-align:center;
}

#main .shortList li .ico img{
	height:50px;
}

#main .shortList li .tx{
	text-align:center;
	font-size:20px;
	margin-top:40px;
	padding-top:20px;
	color:#222;
	font-weight:500;
	position:relative;
}

#main .shortList li .tx:before{
	content:'';
	position:absolute;
	width:50px;
	height:1px;
	background:#222;
	left:50%;
	transform:translateX(-50%);
	top:0;
}



#main .shortList li .tx:before{
	content:'';
	position:absolute;
	width:50px;
	height:1px;
	background:#222;
	left:50%;
	transform:translateX(-50%);
	top:0;
}



#main .product{
	width:100%;
	padding:100px 100px 150px;
	background:#F5F5E9;
	box-sizing:border-box;
}

#main .product dd{
	width:100%;
	display:flex;
	margin-top:60px;
}

#main .product dd:first-child{
	margin-top:0px;
}


#main .product dd .img{
	width:50%;
	place-self:center;
	padding-right:50px;
	box-sizing:border-box;
	text-align:center;
}


#main .product dd .img img{
	width:80%;
}

#main .product dd:last-child .img img{
	width:100%;
}


#main .product dd .mo{
	display:none;
}

#main .product dd .txA{
	padding-left:50px;
	box-sizing:border-box;
	place-self:center;
}

#main .product dd:nth-child(2n) .img{
	padding-right:0px;
	padding-left:50px;
}

#main .product dd:nth-child(2n) .txA{
	padding-left:0px;
	padding-right:50px;
}


#main .product dd .txA .name{
	width:100%;
	font-size:48px;
	color:#1c2935;
	font-weight:bold
}

#main .product dd .txA .model_name{
	width:100%;
	font-size:38px;
	color:#1165AC;
	font-weight:600;
}

#main .product dd .txA .by{
	width:100%;
	margin-top:15px;
	color:#444;
	font-size:20px;
}

#main .product dd .txA .by span{
	font-family:''
}

#main .product dd .txA .discription{
	width:100%;
	margin-top:40px;
	color:#777;
	font-size:18px;
	word-break:keep-all;
	line-height:28px
}

#main .product dd .txA .btn-a{
	width:100%;
	margin-top:40px;
}

#main .product dd .txA .btn-a .more{
	display:inline-block;
	max-height:70px;
	border-radius:50px;
	color:#fff;
	background:#1C2935;
	padding:16px 25px;
	box-sizing:border-box;
	
}

#main .product dd .txA .btn-a .more a{
	color:#fff;
}

#main .product dd .txA .btn-a .arrow{
	display:inline-block;
	width:50px;
	margin-left:6px;
}

#main .product dd .txA .btn-a .arrow img{
	width:100%;
}


#main .aroot{
	width:100%;
	padding:100px 100px 150px;
	box-sizing:border-box;
	background:#1C2935;
	position:relative;
	margin-top:-50px;
	border-radius:50px 50px 0px 0px;
}

#main .aroot .marketing{
	width:100%;
	text-align: center;
}

#main .aroot .marketing .tit{
	font-size:40px;
	color:#fff;
	word-break:keep-all;
}

#main .aroot .marketing .tit span{
	font-family:'';
}

#main .aroot .marketing .discription{
	margin-top: 30px;
}

#main .aroot .marketing .discription .subj{
	font-size:24px;
	color:#fff;
	font-weight:600;
}

#main .aroot .marketing .discription .subs{
	font-size:18px;
	color:#fff;
	margin-top:20px;
	line-height:28px;
	opacity:0.7
}


#main .aroot .product-a{
	width:100%;
	margin-top:100px;
}

#main .aroot .product-a .tit-head{
	width:100%;
}

#main .aroot .product-a .tit-head .ctg{
	font-size:18px;
	color:#999;
}

#main .aroot .product-a .tit-head .subj-a{
	width:100%;
	margin-top:10px;
	display:inline-block;
}


#main .aroot .product-a .tit-head .subj-a .subj{
	font-size:36px;
	color:#FFF;
	display:inline-block;
	font-weight:bold;
}

#main .aroot .product-a .tit-head .subj-a .more{
	display:inline-block;
	float:right;
}

#main .aroot .product-a .tit-head .subj-a .more .cir{
	width:60px;
	height:60px;
	border:1px solid #fff;
	display:inline-block;
	vertical-align:middle;
	border-radius:100%;
}

#main .aroot .product-a .tit-head .subj-a .more .tx{
	display:inline-block;
	font-size:18px;
	padding:8px;
	background:#1C2935;
	margin-left:-20px;
	color:#fff;
	position:relative;
	padding-left:15px;
	box-sizing:border-box;
}

#main .aroot .product-a .tit-head .subj-a .more .tx:before{
	content:'';
	position:absolute;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	top:50%;
	transform:translateY(-50%);
	left:0;
}

#main .aroot .product-a .search-line{
	width:100%;
	margin-top:20px;
	border-radius: 50px;
	background:rgba(255,255,255,0.3);
	border: 2px solid rgba(255, 255, 255, 0.80);
	display:flex;
}


#main .aroot .product-a .search-line select{
	width:170px;
	border-right:1px solid rgba(255, 255, 255, 0.60);
	background:rgba(0,0,0,0);
	padding:15px;
	box-sizing:border-box;
	color:#999;
}

#main .aroot .product-a .search-line input{
	width:80%;
	padding:15px 30px;
	box-sizing:border-box;
	background:rgba(0,0,0,0);
	color:#fff;
}

#main .aroot .product-a .search-line input:placeholder{
	color:#fff;
	font-weight:700;
}

#main .aroot .product-a .search-line input::-webkit-input-placeholder{
	color:#fff;
	font-weight:700;
}

#main .aroot .product-a .search-line input:-ms-input-placeholder{
	color:#fff;
	font-weight:700;
}


#main .aroot .product-a .search-line button{
	width:170px;
	padding:15px;
	background:#1165AC;
	color:#fff;
	border-radius:50px;
}



#main .aroot .product-a .product-list{
	width:100%;
	display:flex;
	margin-top:80px;
}

#main .aroot .product-a .product-list li{
	width:100%;
	margin-left:20px;
	padding:60px 0px 30px;
	box-sizing:border-box;
	background:#192530;
	border-radius:20px;
	position:relative;
	overflow:hidden;
}



#main .aroot .product-a .product-list li:first-child{
	margin-left:0;
}

#main .aroot .product-a .product-list li .icon{
	width:100%;
	text-align:center;
	position:relative;
	z-index:1;
}

#main .aroot .product-a .product-list li .icon img{
	height:100px;
}

#main .aroot .product-a .product-list li .tx{
	width:100%;
	text-align:center;
	font-size:18px;
	margin-top:30px;
	color:#fff;
	position:relative;
	z-index:1;
}




#main .article{
	width:100%;
	border-radius:50px;
	background:#fff;
	position:relative;
	z-index:1;
	margin-top:-50px;
	padding:100px 0;
	box-sizing:border-box;
}

#main .article .swiper-wrapper{
	padding:0 100px;
	box-sizing:border-box;
}

#main .article .tit-line{
	width:100%;
	display:inline-block;
	padding:0 100px;
	box-sizing:border-box;
}

#main .article .tit-line .tit{
	font-size:36px;
	color:#222;
	font-weight:bold;
	display:inline-block;
}

#main .article .tit-line .more{
	float:right;
	display:inline-block;
}

#main .article .tit-line .more .tx{
	font-size:18px;
	color:#222;
	font-weight:500;
	display:inline-block;
	vertical-align:Middle;
}

#main .article .tit-line .more .arrow{
	display:inline-block;
	vertical-align:Middle;
	width:14px;
}

#main .article .tit-line .more .arrow img{
	width:100%;
}


#main .article .article-list{
	width:100%;
	margin-top:30px;
	display:flex;
	white-space:nowrap;
	gap:30px;
	overflow:hidden;
}

#main .article .article-list li{
	flex: 1 1 20%;
	/* width:31.7%; */
	display:inline-block;
	margin-left:0px;
}

#main .article .article-list li:first-child{
	margin-left:0px;
}

#main .article .article-list li .thum{
	width:100%;
	border-radius:30px;
	overflow:Hidden;
}

#main .article .article-list li .thum img{
	width:100%;
}

#main .article .article-list li:hover .thum img{
	transform:scale(1.2);
	transition:all 0.5s;
}



#main .article .article-list li .ctg{
	width:100%;
	margin-top:20px;
	color:#1165AC;
	font-size:16px;
	font-weight: 800;
}

#main .article .article-list li .subj{
	width:100%;
	margin-top:10px;
	font-size:18px;
	color:#505050;
	font-weight:500;
	word-break:keep-all;
	white-space:wrap;
}

#main .article .article-list li .btn-a{
	width:100%;
	margin-top:50px;
}



#main .article .article-list li .btn-a div{
	display:inline-block;
	padding:12px 15px;
	border-radius:50px;
	font-size:16px;
	color:#fff;
}


#main .article .article-list li .btn-a div a{
	color:#fff;
}



#main .article .article-list li .btn-a .black-btn{
	background:#1c2935;
}

#main .article .article-list li .btn-a .blue-btn{
	background:#1165AC;
}


#main .article .article-list li .time{
	width:100%;
	margin-top:50px;
	
}

#main .article .article-list li .time .ico{
	width:15px;
	display:inline-block;
	vertical-align:middle;
	margin-top:-2px
}

#main .article .article-list li .time .ico img{
	width:100%;
}

#main .article .article-list li .time .tx{
	font-size:16px;
	color:#777;
	display:inline-block;
	vertical-align:middle;
	margin-left:3px;
}

/*





.main_wrap {
    width: 100%;
    overflow: hidden;
    height: 82vh;
    position: relative;
    top: 0;
    transition:top .4s
}


.main_wrap .main_bg_wrap div {
    background: #fff no-repeat center/cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform:opacity 1s
}

.main_wrap .main_bg_wrap div.on {
    opacity:1
}


.main_wrap section {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
   
    transform: translate(-50%);
    z-index:1
}

.main_wrap section .main_vis {
    transform: scale(1.5);
    transform-origin: top center;
    opacity: 1;
    z-index: 1;
    opacity:0
}

.main_wrap section h2 {
    
    text-transform: uppercase;
    color: #fff;
    opacity: 0;
    width: 100%;
    z-index: 2;
}

.main_wrap section h2 span {
    display: block;
    letter-spacing: 100px;
    position: absolute;
    white-space:pre
}







.main_wrap section.main_sec5 .main_caption {
    width:30%
}

.main_wrap section.main_sec5 h2 {
    font: 24px/32px NotoSans-Light, sans-serif;
    bottom: 150px;
    display: inline-block;
    top: auto;
    left:23%
}

.main_wrap section.main_sec5 h2 .p2 {
    font: 7.2vw/7.2vw NotoSans-bold, sans-serif;
    letter-spacing:-2px
}




.main_wrap section.main_sec3 h2 {
    left: -2.5%;
    top:216px
}

.main_wrap section.main_sec3 .main_caption {
    left: 68%;
    top:415px
}

.main_wrap section.main_sec3.on .main_vis {
    transform: translate(-50%) scale(1);
    left:50%
}

.main_wrap section.main_sec3 .main_vis {
    top: 330px;
    transform:translate(-50%) scale(1.5)
}

.main_wrap section.main_sec4 h2 {
    left: 0%;
    top:194px
}

.main_wrap section.main_sec4 .main_caption {
    left:8%
}

.main_wrap section.main_sec4.on .main_vis {
    transform: translate(-23%) scale(1);
    left:50%
}

.main_wrap section.main_sec4 .main_vis {
    top: 230px;
    transform:translate(-23%) scale(1.5)
}


.main_wrap .on {
    z-index:2
}

.main_wrap .on .main_vis {
    opacity: 1;
    transform: translate(-30%, 0%) scale(1);
    transition:all 1.8s ease-out
}

.main_wrap .on h2 {
    opacity: 1;
    transition:opacity 1.4s ease .5s
}

.main_wrap .on h2 span {
    letter-spacing: 8px;
    transition:letter-spacing 1.4s ease .5s
}

.main_wrap .on .main_caption a {
    opacity: 1;
    transform: translateY(0);
    transition:opacity .6s ease 1.2s, transform .6s ease 1.2s, border-color .4s, background-color .4s
}

.main_wrap .on .main_caption p {
    opacity: 1;
    transform: translateY(0);
    transition:all .6s ease 1.4s
}

*/





/***************** 2023-10-27 수정 시작 *****************/
/********* 메인 - 비주얼 *********/
.main_visual_slider {position: relative; width: 100%; height: calc(100vh - 186px);}
.main_slider_item {overflow: hidden; position: relative;}
.main_slider_item .slide_inner {width: calc(100% - 160px); height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 80px; /*background: url('../images/main_visual_bg.png') no-repeat center right / cover;*/}
/* 메인 비주얼 :: 텍스트 */
.main_slider_item .visual_txt {width: 50%;}
.main_slider_item .text {display:flex; justify-content: center; align-items:center; height:100%;}
.main_slider_item .visual_txt .main_title {overflow: hidden;}
.main_slider_item .visual_txt .main_title span {font-size: 72px; font-weight: 700; line-height: 82px; display: inline-block; color: #1c2935}
.main_slider_item .visual_txt .main_title span.color {color: #1165AC; font-weight: 300; margin-left: 20px;}
.main_slider_item .visual_txt .sub_t {margin-top: 20px;}
.main_slider_item .visual_txt .sub_t .tt {color:#222; font-size: 24px; line-height: 34px; font-weight: 400; overflow: hidden;}
.main_slider_item .visual_txt .sub_t .tt span {display: block; word-break: keep-all;}
/* 메인 비주얼 :: 이미지 */
.main_slider_item {position:relative; background: #fff;}
.main_slider_item .visual_img {width: 40%;}
.main_slider_item .visual_img img {width: 100%;}
/* 메인 비주얼 :: 버튼 */
.main_slider_item .visual_btn {margin-top: 50px; display: flex;}
.main_slider_item .visual_btn .more {display:flex; justify-content: center; align-items: center; padding:0px 40px; background:#1c2935; color:#fff; height: 70px; border-radius:50px; transition: all 0.3s;}
.main_slider_item .visual_btn .arrow_btn {display:inline-block; width:70px; transform:rotate(0); transition:all 1s; margin-left: 10px;}
.main_slider_item .visual_btn .arrow_btn img {width:100%;}
.main_slider_item .visual_btn .more:hover {background: #555; transition: all 0.3s;}
.main_slider_item .visual_btn .arrow_btn:hover {transform:rotate(-45deg); transition:all 1s;}
/* 메인 비주얼 :: active효과 */
.main_slider_item.active-item .visual_bg {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.main_slider_item.active-item .main_title span, .main_slider_item.active-item .sub_t .tt span, .main_slider_item.active-item .visual_btn {-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main_slider_item.active-item .visual_txt .main_title span {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main_slider_item.active-item .visual_txt .sub_t .tt:nth-child(1) span {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.main_slider_item.active-item .visual_txt .sub_t .tt:nth-child(2) span {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.main_slider_item.active-item .visual_btn {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
@keyframes text-active-animation {
	from {opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px);}
	to {opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0);}
}
/********* 메인 - 비주얼 끝 *********/


#main .visual {position: relative;}
#main .shortList li a {position: relative; top: 0; transition: all 0.3s;}
#main .shortList li:hover a {top: 15px; transition: all 0.3s;}
#main .shortList li .tx {padding-top: 25px;}
#main .shortList li .tx:before {width: 30px;}
#main .shortList li .ico img {height: auto;}
#main .product {}
#main .product dd {margin: 0 auto 150px; max-width: 1920px;}
#main .product dd .img img {width: 100%;}
#main .product dd:nth-child(1) {justify-content: flex-end;}
#main .product dd:nth-child(3) {justify-content: center;}
#main .product dd:nth-child(5) {justify-content: center;}
#main .product dd:nth-child(1) .img img {max-width: 451px;}
#main .product dd:nth-child(2) .img img {max-width: 614px;}
#main .product dd:nth-child(3) .img img {max-width: 716px;}
#main .product dd:nth-child(4) .img img {max-width: 614px;}
#main .product dd:nth-child(5) .img img {max-width: 716px;}
#main .product dd .img {width: auto;}
#main .product dd .txA {width: 55%;}
#main .product dd .txA .by {}
#main .product dd .txA .by span {font-family: 'Licorice', cursive; font-size: 30px; margin-left: 10px;}
#main .product dd .txA .btn-a .more {transition: all 0.3s;}
#main .product dd .txA .btn-a .more:hover {background: #555; transition: all 0.3s;}
#main .product dd .txA .btn-a .more {transition: all 0.3s;}
#main .product dd .txA .btn-a .more:hover {background: #555; transition: all 0.3s;}
#main .product dd .txA .btn-a .arrow {opacity: 1; transition: all 0.3s;}
#main .product dd .txA .btn-a .arrow:hover {opacity: 0.8; transition: all 0.3s;}
#main .aroot .product-a .search-line button {cursor: pointer; transition: all 0.3s;}
#main .aroot .product-a .search-line button:hover {background: #2892e9; transition: all 0.3s;}
#main .aroot .product-a .product-list li {background: transparent !important; padding: 0 !important;}
#main .aroot .product-a .product-list li a {background: #192530; padding: 60px 0px 30px; display: block; transition: all 0.3s;}
#main .aroot .product-a .product-list li:hover a {background: #1165AC; transition: all 0.3s;}

#main .aroot {border-radius: 100px 100px 0px 0px;}
#main .aroot .marketing .tit {padding-right: 50px;}
#main .aroot .marketing .tit span {font-family: 'Licorice', cursive;font-size: 60px;}
#main .aroot .marketing .discription .subs {font-weight: 400;}
#main .aroot .marketing .discription {margin-top: 30px;}
#main .aroot .product-a .search-line input, #main .aroot .product-a .search-line select {height: 65px; font-size: 16px;}
#main .aroot .product-a .search-line select {flex-shrink: 0;}
#main .aroot .product-a .search-line input {width: 100%;}
#main .aroot .product-a .search-line button {flex-shrink: 0; font-size: 18px;}
#main .aroot .product-a .tit-head .subj-a .subj {word-break: keep-all;}
#main .aroot .product-a .tit-head .subj-a .more {position: relative; top: -25px;}

#main .article .article-list li .thum img {transform: scale(1.0,1.0);}
#main .article .article-list li:hover .thum img {transform: scale(1.0,1.0);}
#main .article .article-list .thum_con .thum img {transform: scale(1.0,1.0); transition: transform 1000ms ease-in-out;}
#main .article .article-list .thum_con:hover .thum img {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg); transition: transform 1500ms ease-in-out;}
#main .article .article-list li .btn-a div {padding: 0;}
#main .article .article-list li .btn-a div a.inbtn {display: inline-block; padding: 12px 15px; border-radius: 50px;  font-size: 16px; color: #fff;}
#main .article .article-list li .btn-a .black-btn {transition: all 0.3s;}
#main .article .article-list li .btn-a .black-btn:hover {background: #555; transition: all 0.3s;}
#main .article .article-list li .btn-a .blue-btn {transition: all 0.3s;}
#main .article .article-list li .btn-a .blue-btn:hover {background: #2892e9; transition: all 0.3s;}

#main .article .article_controler {}
#main .article .article_controler .article_swiper_btn {background: rgba(255, 255, 255, 0.7); border-radius: 50%; width: 60px; height: 60px; margin: 0; top: 50%; transform: translateY(-50%); box-shadow: 0px 2px 9px 2px rgba(0,0,0,0.1);}
#main .article .article_controler .article_swiper_btn::after {color: #000; font-size: 24px; font-weight: 900;}
#main .article .article_controler .article_btn_next {right: 20px;} 
#main .article .article_controler .article_btn_prev {left: 20px;} 









/***************** 2023-10-27 수정 끝 *****************/