@charset "utf-8";





/*----- MAIN - COMMON -----*/
.section {
	overflow:hidden;
}
.section.main-footer {
    overflow:visible;
}




/*----- MAIN - VISUAL -----*/
.main-visual .visual-slider { 
	width:100%; 
	height:100%;
}
.main-visual .visual-slider .swiper-slide { 
    width:100%; 
    height:100%;
}
.main-visual .visual-slider .swiper-slide:before { 
    content: ""; 
    opacity: 0.3;
    position: absolute; 
    top: 0; 
    right: 0;
    width: 100%; 
    height: 100%; 
    z-index:10;
    background: #fff; 
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.main-visual .visual-slider .swiper-slide:after { 
    content: ""; 
    opacity: 0.3; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    background: #fff; 
    top: 0; 
    right: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.main-visual .visual-slider .swiper-slide .bg { 
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%;
    background-repeat:no repeat;
    background-position:center center;
    background-size:cover;
	-webkit-transition: all 5s;
	-moz-transition: all 5s;
	-ms-transition: all 5s;
	-o-transition: all 5s;
	transition: all 5s;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.main-visual .visual-slider .maxinner { 
	position:relative;
	z-index:100;
	min-height:70em;
	height:100%;
	text-align:center;
}
.main-visual .visual-slider .visual-txtbox {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	min-height:31.8em;
	height:53%;
}
.main-visual .visual-slider .visual-txtbox span {
	opacity:0;
	position:relative;
	top:1.5em;
	font-size:2rem;
	color:rgba(255,255,255,0.5);
	font-family:'Inter','Noto Sans KR',sans-serif;
	font-weight:400;
	-webkit-transition: opacity 1s, top 1s;
	-moz-transition: opacity 1s, top 1s;
	-ms-transition: opacity 1s, top 1s;
	-o-transition: opacity 1s, top 1s;
	transition: opacity 1s, top 1s;	
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	-ms-transition-delay:1s;
	-o-transition-delay:1s;
	transition-delay:1s;
}
.main-visual .visual-slider h2 {
	opacity:0;
	position:relative;
	top:0.5em;
	margin-top:0.3em;
	font-size:6rem;
	color:#fff;
	letter-spacing:-0.03em;
	font-weight:700;
	-webkit-transition: opacity 1s, top 1s;
	-moz-transition: opacity 1s, top 1s;
	-ms-transition: opacity 1s, top 1s;
	-o-transition: opacity 1s, top 1s;
	transition: opacity 1s, top 1s;		
	-webkit-transition-delay:1.1s;
	-moz-transition-delay:1.1s;
	-ms-transition-delay:1.1s;
	-o-transition-delay:1.1s;
	transition-delay:1.1s;
}
.main-visual .visual-slider .slider-paging {
	position:absolute;
	left:0;
	bottom:39%;
	z-index:1000;
	padding-top:5em;
	width:100%;
	text-align:center;
}
.main-visual .visual-slider .slider-paging .swiper-pagination {
	opacity:1;
	position:relative;
	left:auto;
	bottom:auto;
	top:0;
	display:inline-block;
	width:auto;
	font-size:0;
	vertical-align:middle;
	-webkit-transition: opacity 1s, top 1s;
	-moz-transition: opacity 1s, top 1s;
	-ms-transition: opacity 1s, top 1s;
	-o-transition: opacity 1s, top 1s;
	transition: opacity 1s, top 1s;	
	-webkit-transition-delay:1.2s;
	-moz-transition-delay:1.2s;
	-ms-transition-delay:1.2s;
	-o-transition-delay:1.2s;
	transition-delay:1.2s;		
}
.main-visual .visual-slider .swiper-pagination-bullet {
	opacity:1;
	display:inline-block;
	margin:0 7px;
	position:relative;
	width:20px; 
	height:20px;
	background:none;
	/*border:1px solid #fff;*/
}
.main-visual .visual-slider .swiper-pagination-bullet:first-child {
	margin-left:0;
}
.main-visual .visual-slider .swiper-pagination-bullet:last-child {
	margin-right:0;
}
.main-visual .visual-slider .swiper-pagination-bullet:after {
	content:"";
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-3px;
    margin-top:-3px;
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:#fff;
}
.main-visual .visual-slider .slider-paging .btn-slide-play {
	opacity:1;
	display:inline-block;
	position:relative;
	top:0;
	margin-left:15px;
	width:6px; 
	height:10px;
    background-color:transparent;
	background-image:url(../images/ico/ico-slide-stop.png);
	background-repeat:no-repeat;
	background-position:center center;
	vertical-align:middle;
	-webkit-transition: opacity 1s, top 1s;
	-moz-transition: opacity 1s, top 1s;
	-ms-transition: opacity 1s, top 1s;
	-o-transition: opacity 1s, top 1s;
	transition: opacity 1s, top 1s;		
	-webkit-transition-delay:1.2s;
	-moz-transition-delay:1.2s;
	-ms-transition-delay:1.2s;
	-o-transition-delay:1.2s;
	transition-delay:1.2s;	
}
.main-visual .visual-slider .btn-slide-play.stop {
	background-image:url(../images/ico/ico-slide-play.png);
}
.main-visual.init .visual-slider .btn-slide-play {
	opacity:0;
	top:30px;
}
.main-visual.init .visual-slider .swiper-pagination {
	opacity:0;
	top:30px;
}
.main-visual.init .scroll-down {
	opacity:0;
	bottom:0;
}



/* ----- ANIMATION -----*/
.main-visual .visual-slider .swiper-pagination-bullet-active {
	border:1px solid #fff;
}
.main-visual .visual-slider .swiper-slide-active .visual-txtbox span {
	opacity:1;
	top:0;
}
.main-visual .visual-slider .swiper-slide-active .visual-txtbox h2 { 
	opacity:1;
	top:0;
}
.main-visual .visual-slider .swiper-slide-active .bg {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);	
}
.main-visual .visual-slider .swiper-slide-active:before {
	width: 0; 
	opacity: 0;
}
.main-visual .visual-slider .swiper-slide-active:after {
	width: 0; 
	opacity: 0;
}





/*----- MAIN - PRODUCT -----*/
.main-product:after { 
    opacity: 0.3;
    content:""; 
    position:absolute; 
    left:0; 
    top:0; 
    z-index:100;
    width:100%; 
    height:100%; 
    background:#fff;   
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    -ms-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s;   
    will-change: transform, opacity;         
}
.main-product:before { 
    content:""; 
    position:absolute; 
    left:0; 
    top:0; 
    z-index:100;
    width:100%; 
    height:100%; 
    background:#fff;    
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    -ms-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s;   
    will-change: transform, opacity; 
}
.main-product .logo-txt { 
    display:none;
}
.main-product .product-slider {
	width:100%;
	height:100%;
}
.main-product .product-slider .swiper-slide {
	width:100%;
	height:100%;
}
.main-product .product-slider .conbox {
	display:flex;
	position:relative;
	width:100%;
	min-height:70em;
	height:100%;
}
.main-product .product-slider .conbox:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
	width:100%;
	height:55%;
	background:#f8f8f8;
}
.main-product .product-slider .conbox:after {
	content:"";
	position:absolute;
	right:0;
	top:17%;
	z-index:-1;
	margin-top:8.6em;
	width:55.2em;
	height:6.3em;
	background:url(../images/main/product-txt-bg.png) no-repeat center;
	background-size:100%;
}
.main-product .product-slider .left {
	overflow:hidden;
	position:relative;
	width:50%;
}
.main-product .product-slider .img:after {
	content:"";
	position:absolute;
	right:0;

}
.main-product .product-slider .bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	will-change: transform, opacity;
}
.main-product .product-slider .right {
	overflow:hidden;
	position:relative;
	width:50%;
}
.main-product .product-slider .prod-wrap {
	position:relative;
	width:100%;
	height:100%;
}
.main-product .product-slider .prod-wrap:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
    z-index:-1;
	width:36.5em;
	height:31.7em;
	background:url(../images/main/product-cir-bg01.png) no-repeat center;
	background-size:100%;
}
.main-product .product-slider .prod-wrap:before {
	content:"";
	position:absolute;
	right:0;
	bottom:0;
    z-index:-1;
	width:36.5em;
	height:31.7em;
	background:url(../images/main/product-cir-bg02.png) no-repeat center;
	background-size:100%;
}
.main-product .product-slider .prod-txtbox {
	padding-left:12%;
	padding-top:8.6em;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	max-width:70em;
	width:90%;
	height:60%;
}
.main-product .product-slider .prod-tit {
	display:flex;
	justify-content:flex-start;
	align-items:flex-end;
	flex-wrap:wrap;
	position:relative;
	margin-top:1.5em;
	padding-bottom:0.5em;
}
.main-product .product-slider .prod-tit h3 {
	margin-right:0.5em;
	font-size:5rem;
	color:#222222;
	font-weight:500;
	line-height:1;
	letter-spacing:-0.04em;
	text-indent:-0.05em;
}
.main-product .product-slider .cate {
	display:block;
	font-size:1.8rem;
	color:#004386;
	font-family:'Inter',sans-serif;
	font-weight:600;
	letter-spacing:-0.028em;
}
.main-product .product-slider .eng-name {
	position:relative;
	padding-left:1em;
	margin-top:0.5em;
	font-size:2rem;
	color:#333333;
	font-family:'Inter',sans-serif;
	line-height:1;
	letter-spacing:-0.035em;
	white-space:nowrap;
}
.main-product .product-slider .eng-name:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:100%;
	background-color:#dfdfdf;
}
.main-product .product-slider .prod-desc-tit {
	margin-top:1.842em;
	display:block;
	font-size:1.9rem;
	color:#333;
	font-weight:500;
	line-height:1.579em;
	letter-spacing:-0.026em;
}
.main-product .product-slider .prod-desc {
	margin-top:0.588em;
	font-size:1.7rem;
	color:#666666;
	line-height:1.765em;
	letter-spacing:-0.029em;
}
.main-product .product-slider .btnwrap {
	margin-top:5em;
}
.main-product .product-nav-wrap {
	position:absolute;
	right:0;
	bottom:0;
	padding-top:7.5em;
	width:50%;
	height:40%;
}
.main-product .product-nav-wrap .product-nav {
	overflow:hidden;
	position:relative;
	padding-left:calc(12% - 3em);
	max-width:73em;
	width:90%;
}
.main-product .product-nav-wrap .product-nav .inner {
	overflow:hidden;
	position:relative;
	padding:0 3em;        
}
.main-product .product-nav-wrap .product-nav-slider {
	overflow:hidden;
	position:static;
}
.main-product .product-nav-slider .swiper-slide {
	width:33%;
    cursor: pointer;
	text-align:center;
}
.main-product .product-nav-slider .ico {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	width:8em;
	height:8em;
}
.main-product .product-nav-slider .swiper-slide p {
	margin-top:0.667em;
	font-size:1.5rem;
	color:#666666;
}

.main-product .product-nav-slider .swiper-button-prev {
	opacity:1 !important;
	left:0;
	margin-top:-5px;
	width:11px;
	height:21px;
	background:url(../images/bu/bu-product-left.png) no-repeat center;
	pointer-events:auto !important;
	cursor:pointer !important;
    outline:none !important;
}
.main-product .product-nav-slider .swiper-button-prev:hover {
	background:url(../images/bu/bu-product-left-on.png) no-repeat center;
}
.main-product .product-nav-slider .swiper-button-next {
	opacity:1 !important;
	right:0;
	margin-top:-5px;
	width:11px;
	height:21px;
	background:url(../images/bu/bu-product-right.png) no-repeat center;
	pointer-events:auto !important;
	cursor:pointer !important;
    outline:none !important;
}
.main-product .product-nav-slider .swiper-button-next:hover {
	background:url(../images/bu/bu-product-right-on.png) no-repeat center;
}


/*
7버전
.main-product .product-nav-slider .swiper-button-prev {
	opacity:1 !important;
	display:block !important;
    left:0 !important;
}
.main-product .product-nav-slider .swiper-button-next {
	opacity:1 !important;
	display:block !important;
    right:0 !important;
}
.main-product .product-nav-slider .swiper-button-prev:after,
.main-product .product-nav-slider .swiper-button-next:after {
	font-size:2.2rem !important;
	color:#206db4 !important;	
}
.main-product .product-nav-slider .swiper-button-prev.swiper-button-disabled,
.main-product .product-nav-slider .swiper-button-next.swiper-button-disabled {
	opacity:1 !important;
	margin-top:-11px;
	width:auto !important;
	height:auto !important;
}
.main-product .product-nav-slider .swiper-button-prev.swiper-button-disabled:after{
    color:#aaaaaa !important;
}
.main-product .product-nav-slider .swiper-button-next.swiper-button-disabled:after {
    color:#206db4 !important;
}
*/





/*----- ANIMATION -----*/
.main-product .txt-ani {
	overflow:hidden;
}
.main-product .txt-ani > * {
    opacity: 0;
    will-change: opacity;
}
.main-product.no-screen:after { 
    width:0;
    -webkit-transition: width 2s;
    -moz-transition: width 2s;
    -ms-transition: width 2s;
    -o-transition: width 2s;
    transition: width 2s;   
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;          
}
.main-product.no-screen:before { 
    width:0;       
    -webkit-transition: width 2s;
    -moz-transition: width 2s;
    -ms-transition: width 2s;
    -o-transition: width 2s;
    transition: width 2s;          
}
.main-product.change .txt-ani > * { 
    -webkit-animation:slideUpAni 1s ease forwards;
	-moz-animation:slideUpAni 1s ease forwards;
	-ms-animation:slideUpAni 1s ease forwards;
	-o-animation:slideUpAni 1s ease forwards;
	animation:slideUpAni 1s ease forwards;
}
.main-product.change .product-slider .swiper-slide.swiper-slide-active .bg {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);	
	-webkit-transition:all ease 3s;
	-moz-transition:all ease 3s;
	-ms-transition:all ease 3s;
	-o-transition:all ease 3s;
	transition:all ease 3s;	    
}






/* ----- MAIN - company about -----*/

.main-wrap #section02 {
    background: url('../images/main/main-bg-img-02.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.main-wrap #section02 .maxinner {
    padding: 0 5em;
    height: 100%;
}
.main-wrap #section02 .txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    top: 22%;
    z-index: 1;
}
.main-wrap #section02 .txt h2 {
    font-size: 5rem;
    color: #fff;
    margin-bottom: 0.6em;
}
.main-wrap #section02 .txt p {
    font-size: 2rem;
    color: #fff;
}
.main-wrap #section02 .list {
    height: 100%;
    display: flex;
}
.main-wrap #section02 .list .item {
    flex: 1;
    border-right: solid 1px rgba(255,255,255,15%);
    position: relative;
}
.main-wrap #section02 .list .item:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #cccccc;
    border-radius: 100%;
    position: absolute;
    right: -3px;
}





@media (max-width: 1024px) {
    .main-wrap #section02 .txt {
        top: 25%;
    }
    .main-wrap #section02 .txt h2 {
        font-size: 4.4rem;
    }
    .main-wrap #section02 .list .item .number h3 {
        font-size: 5rem;
    }
    .main-wrap #section02 .list .item .number p {
        font-size: 3.6rem;
    }
}


@media (max-width: 768px) {
    .left-fixed  {
        display: none;
    }

    
    .main-wrap #section02 .maxinner {
        padding: 0;
    }
   .main-wrap #section02 .txt {
        width: 80%;
    }
    .main-wrap #section02 .txt h2 {
        font-size: 4rem;
    }
    .main-wrap #section02 .list .item .number h3 {
        font-size: 4.4rem;
    }
    .main-wrap #section02 .list .item .number p {
        font-size: 3.2rem;
    }


    #fp-nav {
        display: none !important;
    }
}


@media (max-width: 500px) {

    .main-wrap #section02 .maxinner {
        position: relative;
    }
    .main-wrap #section02 .txt {
        width: 100%;
        top: 20%;
    }
    .main-wrap #section02 .txt h2 {
        font-size: 3rem;
    }
    .main-wrap #section02 .txt p {
        font-size: 1.8rem;
    }
    .main-wrap #section02 .list .item > div {
        bottom: 15%;
    }
    .main-wrap #section02 .list .item .number h3 {
        font-size: 2.8rem;
    }
    .main-wrap #section02 .list .item .number p {
        font-size: 2.4rem;
    }
    .main-wrap #section02 .list {
        flex-wrap: wrap;
        position: absolute;
        width: 100%;
        height: 50%;
        bottom: 0;
    }
    .main-wrap #section02 .list .item {
        width: 50%;
        flex: unset;
        border: none;
    }
    .main-wrap #section02 .list .item .number {
        margin-top: 1rem;
    }
    .main-wrap #section02 .list .item:after {
        display: none;
    }
    
    .main-wrap #section02.en .txt {
        top: 12%;
    }

}


/* -----// MAIN - company about -----*/






    
/* ----- MAIN - NETWORK -----*/
.main-network {
	position:relative;
	min-height:70em;
	text-align:center;
}

.main-network .network-conwrap {
	margin-top:-12%;
}
.main-network .network-txtbox .tit span {
	font-size:1.8rem;
	color:#fff;
	font-family:'Inter',sans-serif;
	font-weight:600;
}
.main-network .network-txtbox .tit h2 {
	margin-top:0.238em;
	font-size:4.2rem;
	color:#ffffff;
	font-weight:500;
	
}
.main-network .network-txtbox .txt {
	margin-top:1.944em;
	font-size:1.8rem;
	color:#ffffff;
}
.main-network .network-txtbox .btnwrap {
	margin-top:2.5em;
}
.main-network .network-txtbox .btnwrap .scroll-ico span {
	width:13px;
	height:7px;
	background:url(../images/bu/bu-network-scroll.png) no-repeat center;
	background-size:100%;
}
.main-network .network-txtbox .btnitem {
	display:inline-block; 
	margin-top:2.5em;
	vertical-align:middle;
	text-align:center;
}
.main-network .network-txtbox .btn-type-view > div > span {
	min-width:190px;
}


.main-network .network-txtbox .btnitem {
  position: relative;
  margin: 30px 10px 10px;
  background-color: transparent;
}
.main-network .network-txtbox .btn-type-view {
	position:relative;
	z-index:1;
	background:linear-gradient(#022a4a, #023162);
}
.main-network .network-txtbox .btn-type-view:after,
.main-network .network-txtbox .btn-type-view:before,
.main-network .network-txtbox .btn-type-view > div:after,
.main-network .network-txtbox .btn-type-view > div:before,
.main-network .network-txtbox .btn-type-view span:after,
.main-network .network-txtbox .btn-type-view span:before {
	display:none;
}

.main-network .network-txtbox .btnitem:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 50%;
	-webkit-box-shadow: 0 0 10px 2px #2884e6,0 0 4px 2px #2884e6;
	box-shadow: 0 0 10px 2px #2884e6,0 0 4px 2px #2884e6;
	z-index: -1;
	-webkit-animation-name: yellow-shadow;
	animation-name: yellow-shadow;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.main-network .network-txtbox .btnitem:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 50%;
	-webkit-box-shadow: 0 0 10px 2px #2884e6,0 0 4px 2px #2884e6;
	box-shadow: 0 0 10px 2px #2884e6,0 0 4px 2px #2884e6;
	z-index: -1;
	-webkit-animation-name: cyan-shadow;
	animation-name: cyan-shadow;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}


@media all and (min-width:1025px) {
	.network-conwrap .btn-type-view:hover > div > span > em {
		padding-left:1em;
	}
	.network-conwrap .btn-type-view > div > span > em:after {
		right:1.5em;
	}
	.network-conwrap .btn-type-view:hover > div > span > em:after {
		right:1em;
	}
}


@-webkit-keyframes shine {
	to {
	  background-position: 200% center;
	}
}
@-moz-keyframes shine {
	to {
	  background-position: 200% center;
	}
}
@-ms-keyframes shine {
	to {
	  background-position: 200% center;
	}
}
@-o-keyframes shine {
	to {
	  background-position: 200% center;
	}
}
@keyframes shine {
	to {
	  background-position: 200% center;
	}
}



@-webkit-keyframes yellow-shadow {
    0% {
        top: 0;
        left: 0;
    }
    25% {
        top: 50%;
        left: 0;
    }
    50% {
        top: 50%;
        left: 50%;
    }
    75% {
        top: 0;
        left: 50%;
    }
    100% {
        top: 0;
        left: 0;
    }
}

@keyframes yellow-shadow {
    0% {
        top: 0;
        left: 0;
    }
    25% {
        top: 50%;
        left: 0;
    }
    50% {
        top: 50%;
        left: 50%;
    }
    75% {
        top: 0;
        left: 50%;
    }
    100% {
        top: 0;
        left: 0;
    }
}

@-webkit-keyframes cyan-shadow {
    0% {
        right: 0;
        bottom: 0;
    }
    25% {
        right: 0;
        bottom: 50%;
    }
    50% {
        right: 50%;
        bottom: 50%;
    }
    75% {
        right: 50%;
        bottom: 0;
    }
    100% {
        right: 0;
        bottom: 0;
    }
}

@keyframes cyan-shadow {
    0% {
        right: 0;
        bottom: 0;
    }
    25% {
        right: 0;
        bottom: 50%;
    }
    50% {
        right: 50%;
        bottom: 50%;
    }
    75% {
        right: 50%;
        bottom: 0;
    }
    100% {
        right: 0;
        bottom: 0;
    }
}

@-webkit-keyframes gradient-shadow {
    0% {
        -webkit-box-shadow: 0 0 17px 3px #C586C0,0 0 4px 2px #C586C0;
        box-shadow: 0 0 17px 3px #C586C0,0 0 4px 2px #C586C0;
    }
    20% {
        -webkit-box-shadow: 0 0 17px 3px #0ff,0 0 4px 2px #0ff;
        box-shadow: 0 0 17px 3px #0ff,0 0 4px 2px #0ff;
    }
    40% {
        -webkit-box-shadow: 0 0 17px 3px #0f0,0 0 4px 2px #0f0;
        box-shadow: 0 0 17px 3px #0f0,0 0 4px 2px #0f0;
    }
    60% {
        -webkit-box-shadow: 0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;
        box-shadow: 0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;
    }
    80% {
        -webkit-box-shadow: 0 0 17px 3px #f00,0 0 4px 2px #f00;
        box-shadow: 0 0 17px 3px #f00,0 0 4px 2px #f00;
    }
    100% {
        -webkit-box-shadow: 0 0 17px 3px #C586C0,0 0 4px 2px #C586C0;
        box-shadow: 0 0 17px 3px #C586C0,0 0 4px 2px #C586C0;
    }
}

@keyframes gradient-shadow {
    0% {
        -webkit-box-shadow: 0 0 17px 3px #C586C0,0 0 4px 2px #C586C0;
        box-shadow: 0 0 17px 3px #C586C0,0 0 4px 2px #C586C0;
    }
    20% {
        -webkit-box-shadow: 0 0 17px 3px #0ff,0 0 4px 2px #0ff;
        box-shadow: 0 0 17px 3px #0ff,0 0 4px 2px #0ff;
    }
    40% {
        -webkit-box-shadow: 0 0 17px 3px #0f0,0 0 4px 2px #0f0;
        box-shadow: 0 0 17px 3px #0f0,0 0 4px 2px #0f0;
    }
    60% {
        -webkit-box-shadow: 0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;
        box-shadow: 0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;
    }
    80% {
        -webkit-box-shadow: 0 0 17px 3px #f00,0 0 4px 2px #f00;
        box-shadow: 0 0 17px 3px #f00,0 0 4px 2px #f00;
    }
    100% {
        -webkit-box-shadow: 0 0 17px 3px #C586C0,0 0 4px 2px #C586C0;
        box-shadow: 0 0 17px 3px #C586C0,0 0 4px 2px #C586C0;
    }
}

@-webkit-keyframes half-yellow-shadow {
    0% {
        top: 0;
        left: 0;
        height: 50%;
        width: 50%;
    }
    16.66% {
        top: 0;
        left: 0;
        height: 50%;
        width: 100%;
    }
    32.32% {
        top: 0;
        left: 50%;
        height: 50%;
        width: 50%;
    }
    49.98% {
        top: 50%;
        left: 50%;
        height: 50%;
        width: 50%;
    }
    66.64% {
        top: 50%;
        left: 0;
        height: 50%;
        width: 100%;
    }
    83.3% {
        top: 50%;
        left: 0;
        height: 50%;
        width: 50%;
    }
    100% {
        top: 0;
        left: 0;
        height: 50%;
        width: 50%;
    }
}

@keyframes half-yellow-shadow {
    0% {
        top: 0;
        left: 0;
        height: 50%;
        width: 50%;
    }
    16.66% {
        top: 0;
        left: 0;
        height: 50%;
        width: 100%;
    }
    32.32% {
        top: 0;
        left: 50%;
        height: 50%;
        width: 50%;
    }
    49.98% {
        top: 50%;
        left: 50%;
        height: 50%;
        width: 50%;
    }
    66.64% {
        top: 50%;
        left: 0;
        height: 50%;
        width: 100%;
    }
    83.3% {
        top: 50%;
        left: 0;
        height: 50%;
        width: 50%;
    }
    100% {
        top: 0;
        left: 0;
        height: 50%;
        width: 50%;
    }
}

@-webkit-keyframes half-cyan-shadow {
    0% {
        bottom: 0;
        right: 0;
        height: 50%;
        width: 50%;
    }
    16.66% {
        bottom: 0;
        right: 0;
        height: 50%;
        width: 100%;
    }
    32.32% {
        bottom: 0;
        right: 50%;
        height: 50%;
        width: 50%;
    }
    49.98% {
        bottom: 50%;
        right: 50%;
        height: 50%;
        width: 50%;
    }
    66.64% {
        bottom: 50%;
        right: 0;
        height: 50%;
        width: 100%;
    }
    83.3% {
        bottom: 50%;
        right: 0;
        height: 50%;
        width: 50%;
    }
    100% {
        bottom: 0;
        right: 0;
        height: 50%;
        width: 50%;
    }
}

@keyframes half-cyan-shadow {
    0% {
        bottom: 0;
        right: 0;
        height: 50%;
        width: 50%;
    }
    16.66% {
        bottom: 0;
        right: 0;
        height: 50%;
        width: 100%;
    }
    32.32% {
        bottom: 0;
        right: 50%;
        height: 50%;
        width: 50%;
    }
    49.98% {
        bottom: 50%;
        right: 50%;
        height: 50%;
        width: 50%;
    }
    66.64% {
        bottom: 50%;
        right: 0;
        height: 50%;
        width: 100%;
    }
    83.3% {
        bottom: 50%;
        right: 0;
        height: 50%;
        width: 50%;
    }
    100% {
        bottom: 0;
        right: 0;
        height: 50%;
        width: 50%;
    }
}


/* ----- MAIN - NETWORK BG -----*/
.main-network .network-bg {
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	height:100%;
}
.main-network .network-bg .bg-layer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.main-network .network-bg .bg-layer.space {
	opacity: 0.4;
	width: 400vw;
	height: 400vh;
	top: 50%;
	left: 50%;
	margin-top: -200vh;
	margin-left: -200vw;
	-webkit-animation: spin 100s linear infinite;
	-moz-animation: spin 100s linear infinite;
	-ms-animation: spin 100s linear infinite;
	-o-animation: spin 100s linear infinite;
	animation: spin 100s linear infinite;
	background-size: 240px;
	backface-visibility: visible;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MCAyNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0MCAyNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjEwNiIgeT0iOTAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI3NCIgeT0iNjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMyIgeT0iNjYiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1MCIgeT0iMTEwIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNjMiIHk9IjEyOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQ1IiB5PSIxNDkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5MiIgeT0iMTUxIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNTgiIHk9IjgiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNDciIHk9IjMzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iOTEiIHk9IjQzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTY5IiB5PSIyOSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4MiIgeT0iMTkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNjEiIHk9IjU5IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTM4IiB5PSI5NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5OSIgeT0iNzEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIyMTMiIHk9IjE1MyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjEyOCIgeT0iMTYzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjA1IiB5PSIxNzQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNTIiIHk9IjIwMCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUyIiB5PSIyMTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB5PSIxOTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMTAiIHk9IjE4NCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjwvc3ZnPg==);
}
.main-network .network-bg .bg-layer.shooting .star{
	opacity:0;
    position: absolute;
    top:50%;
    left:50%;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.1),0 0 0 8px rgba(255,255,255,0.1),0 0 20px rgba(255,255,255,0.1);
}
.main-network .network-bg .bg-layer.shooting .star:before{
    content:"";
    position: absolute;
    top: 50%;
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg,#fff,transparent);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-network .network-bg .bg-layer.shooting .star:nth-child(1){
    top: 0;
    right: 0;
    left: auto;
}
.main-network .network-bg .bg-layer.shooting .star:nth-child(2){
    top: 0;
    right: 65%;
    left: auto;
}
.main-network .network-bg .bg-layer.shooting .star:nth-child(3){
    top: 2%;
    right: 25%;
    left: auto; 
}
.main-network .network-bg .bg-layer.bg-layer01 {
    background: #022a4a;
    background-size:cover;
}
.main-network .network-bg .bg-layer.bg-layer02 {
    mix-blend-mode: color-dodge;
    background:url(../images/main/network-bg-layer02.png) no-repeat center;
    background-size:cover;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.6;
}
.main-network .network-bg .bg-layer.bg-layer03 {
    background:url(../images/main/network-bg-layer03.png) no-repeat center;
    background-size:cover;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}



.main-network .network-bg .bg-layer.bg-layer04 {
    opacity: 0.5;
    overflow:hidden;
    mix-blend-mode: color-dodge;
    background:url(../images/main/network-bg-layer04.png) no-repeat center;
    background-size:cover;
    -webkit-transition:height 0.7s;
    -moz-transition:height 0.7s;
    -ms-transition:height 0.7s;
    -o-transition:height 0.7s;
    transition:height 0.7s;
}


.main-network .network-bg .bg-layer.bg-layer04_1 {
    opacity: 0.5;
    overflow:hidden;
    mix-blend-mode: color-dodge;
    background:url(../images/main/network-bg-layer04-_1.png) no-repeat center;
    background-size:cover;
    -webkit-transition:height 0.7s;
    -moz-transition:height 0.7s;
    -ms-transition:height 0.7s;
    -o-transition:height 0.7s;
    transition:height 0.7s;
}



.main-network .network-bg .bg-layer.bg-layer05 {
	opacity:0;
	mix-blend-mode: color-dodge;
	background:url(../images/main/network-bg-layer05.png) no-repeat center;
	background-size:cover;
}
.main-network .network-bg .bg-layer.bg-layer06 {
	opacity:0;
    mix-blend-mode: color-dodge;
    background:url(../images/main/network-bg-layer06.png) no-repeat center;
    background-size:cover; 
}
/*
.main-network .network-bg .bg-layer.bg-layer07 {
	left:50%;
	max-width:1400px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
*/
.main-network .network-bg .bg-layer.bg-layer07 .pin {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:100%;
	/* background:url(../images/ico/ico-main-network-pin.png) no-repeat center; */
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.main-network .network-bg .bg-layer.bg-layer07 .pulse {
	position:absolute;
	left:50%;
	bottom:0;
	z-index:-1;
	margin-left:-6px;
	width:12px;
	height:12px;
	background:rgba(255,255,255,0.2);
	border-radius:50%;
	-webkit-transform:rotateX(55deg);
	-moz-transform:rotateX(55deg);
	-ms-transform:rotateX(55deg);
	-o-transform:rotateX(55deg);
	transform:rotateX(55deg);
}
.main-network .network-bg .bg-layer.bg-layer07 .pulse:after {
	opacity:0;
	content:"";
	position:absolute;
	left:50%;
	bottom:-10px;
	z-index:-1;	
	margin-left:-20px;
	border-radius:50%;
	width:40px;
	height:30px;
	box-shadow:0 0 1px 2px #f1f1f1;
	-webkit-animation:pulsate 1s ease-out infinite;
	-moz-animation:pulsate 1s ease-out infinite;
	-ms-animation:pulsate 1s ease-out infinite;
	-o-animation:pulsate 1s ease-out infinite;
	animation:pulsate 1s ease-out infinite;
	-webkit-animation-delay:1.1s;
	-moz-animation-delay:1.1s;
	-ms-animation-delay:1.1s;
	-o-animation-delay:1.1s;
	animation-delay:1.1s;
}
.main-network .network-bg .bg-layer.bg-layer07 .pin01 {
	opacity:0;
	position:absolute;
	left:32%;
	left:37vw;
	bottom:24%;
	margin-bottom:20px;
	width:56px;
	height:62px;
	z-index:1;
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-ms-transition:all 0.7s;
	-o-transition:all 0.7s;
	transition:all 0.7s;
}
.main-network .network-bg .bg-layer.bg-layer07 .pin02 {
	opacity:0;
	position:absolute;
	left:50%;
	left:51vw;
	bottom:31.8%;
	margin-bottom:20px;
	width:56px;
	height:62px;
	z-index:1;
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-ms-transition:all 0.7s;
	-o-transition:all 0.7s;
	transition:all 0.7s;	
}
.main-network .network-bg .bg-layer.bg-layer07 .pin03 {
	opacity:0;
	position:absolute;
	left:72%;
	left:65vw;
	bottom:15%;
	margin-bottom:20px;
	width:56px;
	height:62px;
	z-index:1;
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-ms-transition:all 0.7s;
	-o-transition:all 0.7s;
	transition:all 0.7s;	
}
@-webkit-keyframes pulsate{
	0%{
		transform:scale(0.1, 0.1);
		opacity:0;
	}
	50%{
	    opacity:1;
	}
	100%{
	    transform:scale(1.2, 1.2);
	    opacity:0;
	}
}
@-moz-keyframes pulsate{
	0%{
		transform:scale(0.1, 0.1);
		opacity:0;
	}
	50%{
	    opacity:1;
	}
	100%{
	    transform:scale(1.2, 1.2);
	    opacity:0;
	}
}
@-ms-keyframes pulsate{
	0%{
		transform:scale(0.1, 0.1);
		opacity:0;
	}
	50%{
	    opacity:1;
	}
	100%{
	    transform:scale(1.2, 1.2);
	    opacity:0;
	}
}
@-o-keyframes pulsate{
	0%{
		transform:scale(0.1, 0.1);
		opacity:0;
	}
	50%{
	    opacity:1;
	}
	100%{
	    transform:scale(1.2, 1.2);
	    opacity:0;
	}
}
@keyframes pulsate{
	0%{
		transform:scale(0.1, 0.1);
		opacity:0;
	}
	50%{
	    opacity:1;
	}
	100%{
	    transform:scale(1.2, 1.2);
	    opacity:0;
	}
}





/* ----- ANIMATION ----- */
.main-network .txt-ani {
	overflow:hidden;
}
.main-network .txt-ani > * {
    opacity: 0;
    will-change: opacity;
}

@media all and (min-width:1025px){
    .main-network.fp-completely .txt-ani > * { 
        -webkit-animation:slideUpAni 0.6s ease forwards;
        -moz-animation:slideUpAni 0.6s ease forwards;
        -ms-animation:slideUpAni 0.6s ease forwards;
        -o-animation:slideUpAni 0.6s ease forwards;
        animation:slideUpAni 0.6s ease forwards; 
    }

    .main-network.fp-completely .network-bg .bg-layer.shooting .star {
        -webkit-animation: shooting 3s linear;
        -moz-animation: shooting 3s linear;
        -ms-animation: shooting 3s linear;
        -o-animation: shooting 3s linear;
        animation: shooting 3s linear;
    }
    .main-network.fp-completely .network-bg .bg-layer.shooting .star:nth-child(1){
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-duration: 1.1s;
        -moz-animation-duration: 1.1s;
        -ms-animation-duration: 1.1s;
        -o-animation-duration: 1.1s;
        animation-duration: 1.1s;
    }
    .main-network.fp-completely .network-bg .bg-layer.shooting .star:nth-child(2){
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        -ms-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
        -webkit-animation-duration: 1.45s;
        -moz-animation-duration: 1.45s;
        -ms-animation-duration: 1.45s;
        -o-animation-duration: 1.45s;
        animation-duration: 1.45s;    
    }
    .main-network.fp-completely .network-bg .bg-layer.shooting .star:nth-child(3){
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        -ms-animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-duration: 1.85s;
        -moz-animation-duration: 1.85s;
        -ms-animation-duration: 1.85s;
        -o-animation-duration: 1.85s;
        animation-duration: 1.85s;    
    }
    .main-network.fp-completely .network-bg .bg-layer.bg-layer02 {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); 	
    }
    .main-network.fp-completely .network-bg .bg-layer.bg-layer03 {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); 	
    }

    .main-network.fp-completely .network-bg .bg-layer.bg-layer04 {
        height:100%;
        -webkit-transition-delay:0.4s;
        -moz-transition-delay:0.4s;
        -ms-transition-delay:0.4s;
        -o-transition-delay:0.4s;
        transition-delay:0.4s;
    }

    .main-network.fp-completely .network-bg .bg-layer.bg-layer07 .pin01 {
    	opacity:1;
    	margin-bottom:0;
    	-webkit-transition-delay:0.6s;
        -moz-transition-delay:0.6s;
        -ms-transition-delay:0.6s;
        -o-transition-delay:0.6s;
        transition-delay:0.6s;
    }
    .main-network.fp-completely .network-bg .bg-layer.bg-layer07 .pin02 {
    	opacity:1;
    	margin-bottom:0;
    	-webkit-transition-delay:0.7s;
        -moz-transition-delay:0.7s;
        -ms-transition-delay:0.7s;
        -o-transition-delay:0.7s;
        transition-delay:0.7s;
    }
    .main-network.fp-completely .network-bg .bg-layer.bg-layer07 .pin03 {
    	opacity:1;
    	margin-bottom:0;
    	-webkit-transition-delay:0.8s;
        -moz-transition-delay:0.8s;
        -ms-transition-delay:0.8s;
        -o-transition-delay:0.8s;
        transition-delay:0.8s;
    }
}





/* ----- MAIN - NETWORK -----*/
.network-popwrap { 
	overflow:hidden;
    display:none;
    position:fixed; 
    left:0; 
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:9999;
}
.network-popwrap.open {
    display:block;
}
.network-popwrap .network-pop {
	position:absolute;
	left:50%;
	top:50%;
	z-index:1000;
	max-width:1400px;
	width:100%;
	background:#fff;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.network-popwrap .network-popcon {
	padding:6em 5em;
	text-align:center;
}
.network-popwrap .btn-pop-close {
	position:absolute;
	left:calc(100% + 30px);
	top:0;
	width:30px;
	height:30px;	
	border:none;
	background:url(../images/ico/ico-main-pop-close.png) no-repeat center;
}
.network-popwrap .network-popcon h3 {
	font-size:2.4rem;
	color:#333333;
	font-weight:600;
}
.network-popwrap .btnwrap-reset {
	margin:0 0 1.5em;
	text-align:right;
}
.network-popwrap .btn-pop-reset {
	background:transparent;
	font-size:1.6rem;
	color:#666666;
}
.network-popwrap .btn-pop-reset:after {
	content:"";
	display:inline-block;
	margin-left:0.625em;
	width:20px;
	height:20px;
	background:url(../images/ico/ico-reset.png) no-repeat center;
	vertical-align:text-top;

}
.network-popwrap .network-search {
	display:flex;
	justify-content:space-between;
}
.network-popwrap .srhbox {
	flex:1;
	margin-right:3.5em;
}
.network-popwrap .srhbox:nth-child(3) {
	flex:2;
	margin-right:0;
}
.network-popwrap .srhbox h4 {
	display:flex;
	justify-content:center;
	align-items:center;
	height:3.750em;
	background:#aaaaaa;
	font-size:1.6rem;
	color:#ffffff;
	font-weight:500;
}
.network-popwrap .srclist {
	overflow-y:scroll;
	position:relative;
	padding:2.5em 2em;
	height:30em;
	border:1px solid #ddd;
	text-align:left;
}
.network-popwrap .srclist li {
	margin-top:1.8em;
}
.network-popwrap .srclist li:first-child {
	margin-top:0;
}
.network-popwrap .srhbox.on h4 {
	background:#1969b2;
}
.network-popwrap .srhbox.on .srclist li .chkbox input[type="checkbox"] + label {
	color:#333333;
    cursor: pointer;
}
.network-popwrap .srhbox .addrlist {
	overflow-y:scroll;
	height:30em;
	border:1px solid #ddd;
	text-align:left;
}
.network-popwrap .srhbox .addrlist ul { 
    display:none;
}
.network-popwrap .srhbox .addrlist li {
	position:relative;
	padding:2.1em 8em 2.1em 3em;
	border-bottom:1px solid #dddddd;
}
.network-popwrap .srhbox .addrlist li a {
	display:block;
	position:absolute;
	right:30px;
	top:13px;
	width:40px;
	height:40px;
	border-radius:50%;
	background-image:url(../images/ico/ico-call.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ebebeb;
}
.network-popwrap .srhbox .addrlist li a:hover {
    background-color:#1969b2;
    background-image:url(../images/ico/ico-call-white.png);
}
.network-popwrap .srhbox .addrlist li p {
	position:relative;
	padding-left:1.5em;
	font-size:1.6rem;
	color:#333;
	line-height:1.5em;
}
.network-popwrap .srclist .empty {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);	
}
.network-popwrap .srclist .empty p {
	padding-left:0;
	font-size:1.8rem;
	color:#888;
	text-align:center;
}
/*
.network-popwrap .srhbox li.addr-item-none {
	position:absolute;
	left:50%;
	top:50%;
	padding:2.1em 3em;
	width:100%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.network-popwrap .srhbox li.addr-item-none p {
	padding-left:0;
	font-size:1.8rem;
	color:#888;
	text-align:center;
}
.network-popwrap .srhbox li.addr-item-none p:after {
	display:none;
}
*/
.network-popwrap .srhbox .addrlist li p:after {
	content:"";
	position:absolute;
	left:0;
	top:4px;
	width:14px;
	height:16px;
	background:url(../images/ico/ico-map.png) no-repeat center;
}
.network-popwrap .srhbox .addrlist li p .cate {
	display:inline-block;
	margin-right:0.714em;
	padding:0 1.143em;
	background:#1969b2;
	font-size:1.4rem;
	color:#fff;
	line-height:1.571em;
	vertical-align:baseline;
}
.network-popwrap .srhbox .addrlist li p .cate.dongyang {
	background:#4d4d4d;
}
.network-popwrap .srhbox .addrlist li p strong {
	margin-right:0.5em;
}
.network-popwrap .network-popcon .empty {
	width:100%;
	height:100%;
}
.network-popwrap .network-popcon .empty p { 
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
}
.network-popwrap .network-popcon .empty span {
	display:inline-block;
	margin:0 1em;
	padding-left:2.222em;
	background:url(../images/ico/ico-notice.png) no-repeat left top;
    font-size:1.8rem;
    color:#888888;
    line-height:1.444em;
	text-align:left;
}
.network-popwrap .network-pop .btnwrap {
	margin-top:4em;
}
.network-popwrap .network-pop .btn-type01 {
	padding:0 1em;
	min-width:11.250em;
	width:auto;
}
.network-popwrap .network-pop button:nth-child(1) {
	margin-right:1.25em;
}





/* ----- MAIN - DIRECT -----*/
.main-direct .maxinner {
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	z-index:1;
	height:100%;
} 
.main-direct .topcon {
	overflow:hidden; 
    position:relative;
    min-height:44.6em;
    height:68%;
}
.main-direct .topcon .maxinner {
	padding-top:8.7rem;
}
.main-direct .topcon .direct-list {
	opacity:0;
	display:flex;
	margin-top:4.5em;
}
.main-direct .topcon .direct-list li {
	margin-left:1.2em;
}
.main-direct .topcon .direct-list li a {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:relative;
	top:0;
	width:128px;
	height:128px;
	border:1px solid rgba(255,255,255,0.4);
	text-align:center;
	-webkit-transition:top 0.3s;
	-moz-transition:top 0.3s;
	-ms-transition:top 0.3s;
	-o-transition:top 0.3s;
	transition:top 0.3s;
}
@media all and (min-width:1025px){
	.main-direct .topcon:after {
		opacity:0;
		content:"";
		position:absolute;
		left:0;
		top:0;
		z-index:;
		width:100%;
		height:100%;
		background:rgb(0,67,134,0.6);
		-webkit-transition:opacity 0.3s;
		-moz-transition:opacity 0.3s;
		-ms-transition:opacity 0.3s;
		-o-transition:opacity 0.3s;
		transition:opacity 0.3s;		
	}
    .main-direct.fp-completely .topcon:hover:after{
        opacity:1;
    }
    .main-direct .topcon .direct-list li a:hover {
        top:-20px;
    }    
}

.main-direct .topcon .direct-list li:first-child {
	margin-left:0;
}
.main-direct .topcon .direct-list li i {
	display:flex;
	justify-content:center;
	align-items:center;
	width:45px;
	height:45px;
}
.main-direct .topcon .direct-list li p {
	margin-top:1.25em;
	font-size:1.6rem;
	color:rgba(255,255,255,0.8);
}
.main-direct .btmcon { 
    display:flex;
    min-height:22.4em;
    height:32%;
}
.main-direct .btmcon > a {
	flex:1;
	overflow:hidden;
	position:relative;
    display:block;
}
.main-direct .btmcon .direct-tit {
	margin-top:-5em;
}
.main-direct .btmcon .left:after {
	content:"";
	display:block;
	clear:both;
}
.main-direct .btmcon .left .maxinner {
	float:right;
	max-width:700px;
}
.main-direct .btmcon .right:after {
	content:"";
	display:block;
	clear:both;
}
.main-direct .btmcon .right .maxinner {
	float:left;
	padding-left:8.8em;
	max-width:700px;
}
@media all and (min-width:1025px){
	.main-direct .btmcon > a:before {
		opacity:0;
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgb(0,67,134,0.6);
		-webkit-transition:opacity 0.3s;
		-moz-transition:opacity 0.3s;
		-ms-transition:opacity 0.3s;
		-o-transition:opacity 0.3s;
		transition:opacity 0.3s;		
	}
    .main-direct.fp-completely .btmcon > a:hover:before{
        opacity:1;
    }
    .main-direct .topcon .direct-list li a:hover {
        top:-20px;
    }    
}

.main-direct .direct-tit h2 {
	opacity:0;
	margin-bottom:0.278em;
	font-size:3.6rem;
	color:#fff;
	font-weight:500;   
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	animation-delay:0.2s;
}
.main-direct .direct-tit p {
	opacity:0;
    font-size:1.6rem;
    color:rgba(255,255,255,0.7);
    letter-spacing:-0.016em;
    font-weight:300;
    line-height:1.625em; 
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	animation-delay:0.2s;
}
.main-direct .conbg {
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;  	
}
.main-direct .conbg:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;  	
}
@media all and (min-width:1025px){
    .main-direct .btmcon a:hover .conbg {
        -webkit-transform:scale(1.15);
        -moz-transform:scale(1.15);
        -ms-transform:scale(1.15);
        -o-transform:scale(1.15);
        transform:scale(1.15);		
    }
    .main-direct .btmcon a:hover .conbg:after {
        background:rgba(0,0,0,0.2);
    }
}





/* ----- ANIMATION -----*/
.main-direct.motion .conbg {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);	
}
.main-direct.motion .direct-tit h2 {
    -webkit-animation:directAni 0.8s ease forwards;
	-moz-animation:directAni 0.8s ease forwards;
	-ms-animation:directAni 0.8s ease forwards;
	-o-animation:directAni 0.8s ease forwards;
	animation:directAni 0.8s ease forwards; 
}
.main-direct.motion .direct-tit p {
    -webkit-animation:directAni 0.8s ease forwards;
	-moz-animation:directAni 0.8s ease forwards;
	-ms-animation:directAni 0.8s ease forwards;
	-o-animation:directAni 0.8s ease forwards;
	animation:directAni 0.8s ease forwards;   
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-ms-animation-delay:0.1s;
	-o-animation-delay:0.1s;
	animation-delay:0.1s;
}
.main-direct.motion .topcon .direct-list {
    -webkit-animation:directAni 0.8s ease forwards;
	-moz-animation:directAni 0.8s ease forwards;
	-ms-animation:directAni 0.8s ease forwards;
	-o-animation:directAni 0.8s ease forwards;
	animation:directAni 0.8s ease forwards; 	
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	animation-delay:0.2s;
}

.main-direct.motion .direct-tit h2 {
	opacity:1;
}





/* ----- MAIN - FULLPAGE NAV -----*/
#full-menu { 
    position:fixed; 
    left:60px; 
    top:50%; 
    z-index:1000; 
    -webkit-transform:translateY(-50%); 
    -moz-transform:translateY(-50%); 
    -ms-transform:translateY(-50%); 
    -o-transform:translateY(-50%); 
    transform:translateY(-50%);
}
#full-menu > ul > li { 
    margin-top:20px;
}
#full-menu > ul > li:first-child { 
    margin-top:0;
}
#full-menu > ul > li > a { 
	overflow:hidden;
	display:block; 
	position:relative; 
	width:25px; 
	height:25px;
	cursor:pointer;
}
#full-menu > ul > li > a.active {
	width:120px;
}
#full-menu > ul > li > a i { 
	display:inline-block; 
	position:relative; 
	width:25px; 
	height:25px; 
	border-radius:50%; 
	/*border:1px solid rgba(255,255,255,0.5); */
	vertical-align:middle;
}
#full-menu > ul > li > a i:after { 
	content:""; 
	position:absolute; 
	left:50%; 
	top:50%; 
	margin-left:-3px; 
	margin-top:-3px; 
	width:6px; 
	height:6px; 
	border-radius:50%; 
	background-color:rgba(255,255,255,0.5);
}
#full-menu > ul > li > a > span { 
    opacity:0;
    visibility:hidden;
    display:inline-block; 
    padding-left:20px;
    margin-left:0.5em; 
    font-size:1.3rem;
    color:#fff;
    font-family:'Inter','Noto Sans KR',sans-serif;
    font-weight:500;
    vertical-align:middle;
    line-height:1.538em;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
#full-menu > ul > li > a.active i {
	border:1px solid #fff;
}
#full-menu > ul > li > a.active i:after{
	background-color:#fff;
}
#full-menu > ul > li > a.active span {
	opacity:1;
	visibility:visible;
	padding-left:0;
}





/*----- 영문 -----*/
.eng .main-visual .visual-slider h2 {
	font-size:5.7rem;
}
.eng .main-product .product-slider .prod-tit h3 {
	font-size:4.4rem;
}
.eng .main-network .network-txtbox .txt {
	margin-top:1.389em;
	line-height:1.4;
}
.eng .main-direct .topcon .direct-list li p {
	margin-top:0.9em;
}
.eng .main-direct .topcon .direct-list li a {
	justify-content:flex-start;
	padding-top:1.2em;
}
.eng .main-direct .btmcon .direct-tit p {
	min-height:4.875em;
}





/*----- RESPONSIVE -----*/
@media all and (max-width:1600px){
	.network-popwrap .network-pop {
		max-width:none;
		margin-left:-30px;
		width:calc(90% - 60px);
	}	
}
@media all and (max-width:1440px){
    .main-visual .visual-slider h2 {
    	font-size:5rem;
    }

    .main-product .product-slider .prod-txtbox {
    	height:63%;
    }
    .main-product .product-slider .prod-desc .pc-br {
    	display:none;
    }
    .main-product .product-slider .prod-tit h3 {
    	font-size:4rem;
    }
    .main-product .product-slider .eng-name {
    	font-size:1.8rem;
    }
    .main-product .product-slider .prod-desc {
    	font-size:1.6rem;
    }
    .main-product .product-slider .prod-desc-tit {
    	margin-top:1.389em;
    	font-size:1.8rem;
    }
    .main-product .product-slider .btnwrap {
    	margin-top:3em;
    }

    .main-product .product-nav-wrap {
    	padding-top:5em;
    	height:37%;
    }

    .main-network .network-txtbox .tit h2 {
    	font-size:3.7rem;
    }
    .main-network .network-txtbox .txt {
    	margin-top:1.176em;
    	font-size:1.7rem;
    }
    .main-network .network-txtbox .btnwrap {
    	margin-top:4em;
    }

    .main-direct .direct-tit h2 {
    	font-size:3rem;
    }
    .main-direct .btmcon .maxinner {
    	float:none !important;
    	padding:0 !important;
    	max-width:none !important;
    	width:80% !important;
    }
	.main-product .product-slider .conbox:after {
		width:40em;
		height:4.6em;
	}	

	.network-popwrap .network-pop {
    	overflow-y:scroll;
    	left:0;
    	top:0;
		margin-left:0;
    	width:100%;
    	height:100%;
    	transform:none;
    }
    .network-popwrap .network-popcon {
		position:relative;
    	padding:7em 5%;
    }
	.network-popwrap .btn-pop-close {
		position:absolute;
		right:5%;
		left:auto;
		top:2em;
		background:url(../images/ico/ico-sitemap-close.png) no-repeat center;
		
	}
    .network-popwrap .network-search {
    	flex-wrap:wrap;
    }
    .network-popwrap .srhbox {
    	flex:auto;
    	margin:5em 0 0 !important;
    	width:100%;
    }
    .network-popwrap .srhbox:first-child {
    	margin-top:0 !important;
    }
    .network-popwrap .srclist {
    	overflow-y:visible;
    	height:auto;
    }

    #full-menu {
		left:1%;
	}

	
	/*===== 영문 =====*/
	.eng .main-network .network-conwrap {
		margin-top:-15%;
	}
	.eng .main-product .product-slider .prod-tit h3 {
		font-size:3.7rem;
	}
	.eng .main-visual .visual-slider h2 {
		font-size:4.7rem;
	}
	.eng .main-product .product-nav-slider .swiper-slide {
		width:33.3333%;
	}
	.eng .main-direct .direct-tit h2 {
		font-size:2.7rem;
	}
	.eng .main-direct .topcon .direct-list li p {
		font-size:1.5rem;
	}
	.eng .main-direct .btmcon .direct-tit {
		margin-top:0;
	}
}
@media all and (max-width:1280px){
    #full-menu {
		display:none;
	}

	/*===== 영문 =====*/
	.eng .main-visual .visual-slider h2 {
		padding:0 2em;
		font-size:4rem;
	}
	.eng .main-visual .visual-slider h2 .pc-br {
		display:none;
	}
	.eng .main-product .product-slider .prod-tit h3 {
		font-size:2.9rem;
	}
	.eng .main-product .product-slider .eng-name {
		font-size:1.6rem;
	}
	.eng .main-product .product-slider .prod-desc {
		line-height:1.5;
	}
}
@media all and (max-width:1024px){
    .main-visual .visual-slider .maxinner {
    	min-height:auto;
    }
	.main-visual .visual-slider .visual-txtbox {
		min-height:auto;
	}
	.main-visual .visual-slider h2 {
		font-size:4rem;
	}

    .main-product {
		background:#f8f8f8;
	}
    .main-product:after,
    .main-product:before {
    	display:none !important;
    }
	.main-product .product-slider {
    	height:auto;
    }
    .main-product .product-slider .swiper-slide {
    	height:auto;
    }
    .main-product .product-slider .conbox {
		flex-direction:column-reverse;
		justify-content:space-between;
    	flex-wrap:wrap;
    	min-height:auto;
    	height:100%;
    }
    .main-product .product-slider .conbox:before {
    	display:none;
    }
	.main-product .product-slider .prod-wrap:after,
	.main-product .product-slider .prod-wrap:before {
		display:none;
	}
	.main-product .product-slider .conbox:after {
		display:none;
	}
    .main-product .product-slider .left {
    	width:100%;
		height:40em;
        border:15px solid #f8f8f8;
    }
    .main-product .product-slider .img {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
    	padding-bottom:0;
    }
    .main-product .product-slider .right {
    	width:100%;
    }
    .main-product .product-slider .prod-wrap {
    	height:auto;
    	background:#f8f8f8;
    }
    .main-product .product-slider .prod-tit h3 {
    	font-size:2.7rem;
    }
    .main-product .product-slider .prod-txtbox {
    	padding:5em 0;
    	margin:0 auto;
		max-width:none;
    	height:auto;
    }
    .main-product .product-nav-wrap {
    	position:absolute;
		left:0;
		top:5em;
		right:auto;
		bottom:auto;
    	padding:5em 0 0;
    	width:100%;
		height:auto;
    	background:#f8f8f8;    	
    }
	.main-product .product-slider .cate {
        opacity:1 !important;
		margin-bottom:7.391em;
		font-size:2.3rem;
        animation:none !important;
	}
    .main-product .product-nav-wrap .product-nav {
    	padding:0;
    	margin:0 auto;
		max-width:none;
    }

    .main-network .network-txtbox .tit h2 {
    	font-size:3rem;
    }
    .main-network .network-txtbox .txt {
    	font-size:1.6rem;
    }
    .main-network.active .txt-ani > * { 
        -webkit-animation:slideUpAni 0.6s ease forwards;
        -moz-animation:slideUpAni 0.6s ease forwards;
        -ms-animation:slideUpAni 0.6s ease forwards;
        -o-animation:slideUpAni 0.6s ease forwards;
        animation:slideUpAni 0.6s ease forwards; 
    }

    .main-network.active .network-bg .bg-layer.shooting .star {
        -webkit-animation: shooting 3s linear;
        -moz-animation: shooting 3s linear;
        -ms-animation: shooting 3s linear;
        -o-animation: shooting 3s linear;
        animation: shooting 3s linear;
    }
    .main-network.active .network-bg .bg-layer.shooting .star:nth-child(1){
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-duration: 1.1s;
        -moz-animation-duration: 1.1s;
        -ms-animation-duration: 1.1s;
        -o-animation-duration: 1.1s;
        animation-duration: 1.1s;
    }
    .main-network.active .network-bg .bg-layer.shooting .star:nth-child(2){
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        -ms-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
        -webkit-animation-duration: 1.45s;
        -moz-animation-duration: 1.45s;
        -ms-animation-duration: 1.45s;
        -o-animation-duration: 1.45s;
        animation-duration: 1.45s;    
    }
    .main-network.active .network-bg .bg-layer.shooting .star:nth-child(3){
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        -ms-animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-duration: 1.85s;
        -moz-animation-duration: 1.85s;
        -ms-animation-duration: 1.85s;
        -o-animation-duration: 1.85s;
        animation-duration: 1.85s;    
    }
    .main-network.active .network-bg .bg-layer.bg-layer02 {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); 	
    }
    .main-network.active .network-bg .bg-layer.bg-layer03 {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); 	
    }
    .main-network.active .network-bg .bg-layer.bg-layer04 {
        height:100%;
        -webkit-transition-delay:0.4s;
        -moz-transition-delay:0.4s;
        -ms-transition-delay:0.4s;
        -o-transition-delay:0.4s;
        transition-delay:0.4s;
    }   

    .main-direct .btmcon {
    	min-height:auto;
    	height:auto;
    }
    .main-direct .btmcon .maxinner {
    	padding:7em 0 !important;
    	height:auto !important;
    }
    .main-direct .btmcon .direct-tit {
    	margin-top:0;
    }
    .main-direct .direct-tit h2 {
    	font-size:2.5rem;
    }
    
    #full-menu {
    	display:none;
    }   

	/*===== 영문 =====*/
	.eng .main-visual .visual-slider h2 {
		padding:0;
		font-size:3.5rem;
	}
	.eng .main-direct .direct-tit h2 {
    	font-size:2.5rem;
    }
}

@media all and (max-width:767px){
    .main-visual .visual-slider .visual-txtbox span {
    	font-size:1.6rem;
    }
	.main-visual .visual-slider h2 {
		font-size:3.2rem;
	}
	.main-product .product-slider .left {
		height:26em;
    }    
	.main-product .product-slider .cate {
		margin-bottom:6em;
	}
	.main-product .product-nav-slider .ico {
		width:5em;
		height:5em;
	}
	.main-product .product-nav-slider .ico img {
		max-width:100%;
	}
	.main-product .product-slider .prod-txtbox {
		padding:3.5em 0;
	}
	.main-product .product-slider .prod-desc-tit {
		font-size:1.6rem;
	}
	.main-product .product-slider .eng-name {
		font-size:1.6rem;
	}
	.main-product .product-slider .btnwrap {
		margin-top:2em;
	}
	.main-product .product-slider .prod-desc {
		font-size:1.5rem;
	}
	.main-product .product-nav-slider .swiper-slide {
		width:33.3333%;
	}	

    .main-network .network-conwrap {
    	margin-top:0;
    	margin-bottom:20em;
    }
    .main-network .network-txtbox .tit span {
    	font-size:1.6rem;
    }
    .main-network .network-txtbox .tit h2 {
    	font-size:2.7rem;
    }

	.main-direct .topcon {
		height:auto;
	}
    .main-direct .topcon .maxinner {
    	padding:7em 0;
    	height:auto;
    }
    .main-direct .topcon .direct-list {
    	flex-wrap:wrap;
    	margin-left:-1%;
    }
    .main-direct .topcon .direct-list li {
    	margin:1% !important;
    	width:48%;
    }
    .main-direct .topcon .direct-list li a {
    	width:100%;
    }
    .main-direct .btmcon {
    	flex-wrap:wrap;
    }
    .main-direct .btmcon > a {
    	flex:auto;
    	width:100%;
    }
    .main-direct .btmcon .maxinner {
    	width:90% !important;
    }
	.network-popwrap .network-popcon .empty span {
		font-size:1.6rem;
	}

	
	/*===== 영문 =====*/
	.eng .main-visual .visual-slider h2 {
		font-size:3rem;
	}
	.eng .main-direct .direct-tit p .pc-br {
		display:none;
	}
	.eng .main-direct .btmcon .direct-tit p {
		min-height:auto;
	}
	.eng .main-direct .topcon .direct-list li a {
		padding:0;
		justify-content:center;
	}
	.eng .main-network .network-conwrap {
		margin-top:0;
		margin-bottom:15em;
	}
	.eng .main-product .product-slider .prod-tit h3 {
		font-size:2.5rem;
	}
	.eng .main-network .network-txtbox .txt .pc-br {
		display:none;
	}
	.eng .main-direct .direct-tit p {
		line-height:1.4;
	}
	
}

@media all and (max-width:480px){
    .main-product .product-slider .left {
        height:23em;
    } 
	

	/*===== 영문 =====*/
	.eng .main-visual .visual-slider h2 {
		font-size:2.7rem;
	}
	.eng .main-network .network-txtbox .tit h2 {
		font-size:2.2rem;
	}
	.eng .main-network .network-txtbox .btnwrap {
		margin-top:0;
	}
}