@charset 'utf-8'; 
/*간격*/
.mt100{
    padding-top:100px;
}
.mt12{
    padding-top:12px;
}
@media (max-width:1023px) {
    .mt100{
        padding-top:0px;
    }
    .mt12{
        padding-top:0;
    }
}
/*로딩페이지*/
.loading{
    display: flex;
    align-items: center;
    justify-content: center;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background-color:#fff;
    opacity: 0;
    transition: 0.5s;
    z-index:200;
}
.before-load .loading {
    opacity: 1;
}
@keyframes loading-spin {
    100% { transform: rotate(360deg); }
}
@keyframes loading-circle-ani {
    0% { stroke-dashoffset: 157; }
    75% { stroke-dashoffset: -147; }
    100% { stroke-dashoffset: -157; }
}
.loading-circle {
    width: 54px;
    height: 54px;
    animation: loading-spin 3s infinite;
}
.loading-circle circle {
    stroke:#ed1b23;
    stroke-width: 4;
    stroke-dasharray: 157, 157;
    stroke-dashoffset: 0;
    fill: transparent;
    animation: loading-circle-ani 1s infinite;
}
/******************************************** header ********************************************/ 
body{
	word-break: keep-all; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
header{
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:80px;
    padding:0 80px;
    overflow: hidden;
    z-index:100;
    transition: all 0.3s;
}
header.scroll{
    background-color:#fff;
    border-bottom:1px solid #ddd;
}
 
header.opbg{color:#333; background:rgba(0,0,0,0.5);}
header.on{
    height:280px;
    background-color:#fff;
	border-bottom:1px solid #ddd;
	box-shadow: 6.6px 7.5px 67px 20px rgb(176 176 176 / 10%);
}
html[lang="ko"] header.on {
    height: 320px;
}
header.on:after{content:''; width:100%; height:1px; background:#ddd; top:80px; z-index:2; position:absolute; left:0;}
header.scroll .gnb h2,
header.on .gnb h2{
    color:#333;
    font-weight: 500;
}
header.scroll .gnb h2 a,
header.on .gnb h2 a{
    color:#333;
    font-weight: 500;
}
header.scroll .lang em,
header.on .lang em{
    color:#666;
}
header.scroll .all-bt span,
header.on .all-bt span{
    background-color:#222;
}
header .logo img{
    width:160px;
    height:37px;
	margin-top:23px;
}
header .logo a{
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%; 
}
header .gnb{
    display:flex;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    height:80px;
}
header .gnb .gnb-item{
    width:200px; 
}
header .gnb .gnb-item:hover .lnb{
	background:#f8f8f8
} 
header .gnb h2{
    display:flex;
    justify-content: center;
    align-items: center;
    height:80px;
    color:#fff;
    font-size:18px;
    border-bottom:2px solid transparent;
	font-weight:500;
}
header .gnb h2 a{color:#fff;}
header .gnb .lnb{
    text-align: center;
    padding:20px 0;
	height:280px;
}
header.on .gnb .lnb{
	border-right:1px solid #ddd;
}
header.on .gnb-item:first-child .lnb{
	border-left:1px solid #ddd;
}
header .gnb .lnb li{
    width:100%;
}
header .gnb .lnb li a{
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding:10px 0;
    color:#666666;
    font-size:16px;
}  

header .etc{
    display: flex;
    position:fixed;
    height:80px;
    right:0;
    top:0;
    padding-right:80px;
	z-index:999;
} 
header .lang{
    position:relative;
    width:85px;
    height:80px;
    margin-right:20px;
    cursor: pointer;
}
header .lang h2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
    height:100%;
    color:#fff;
    font-size:14px;
}
header .lang h2 em{
    padding:0 10px 0 4px;
	    font-weight: 400;
}
header .lang ul{
    display:none;
    position:absolute;
    top:60px;
    left:0;
    width:100%;
    padding:0 10px;
    background-color:#fff;
    border:1px solid #ddd;
	z-index:3;
}
header .lang ul li a{
    display:block;
    width:100%;
    padding:10px 0;
    text-align: center;
    border-bottom:1px solid #ddd;
	font-size:13px;;
	color:#999
}
header .lang ul li a:hover{
	color:#333;
}
header .lang ul li:last-of-type a{
    border-bottom:none;
}
header .lang ul.on{
    display:block;
}

header .logo{width:160px; height:37px; background:url('/imgs/logo.png') no-repeat center center / contain; margin-top:23px;}
:lang(en) header .logo{width:160px; height:28px; background:url('/imgs/logo-en.png') no-repeat center center / contain; margin-top:26px;}
header .ic-lang{width:16px; height:16px; display:inline-block; background:url('/imgs/lang.png') no-repeat center center / cover;} 
header .ic-select{width:10px; height:6px; display:inline-block; background:url('/imgs/select_bt.png') no-repeat center center / cover;} 
header .on .ic-select{background-image:url('/imgs/select_up.png');} 

header.scroll .logo{background:url('/imgs/logo_on.png') no-repeat center  center / contain; }
:lang(en) header.scroll .logo{background:url('/imgs/logo_on-en.png') no-repeat center  center / contain; }
header.scroll .ic-lang{background:url('/imgs/lang_on.png') no-repeat center center / cover; }
header.scroll .ic-select{background:url('/imgs/select_bt_on.png') no-repeat center center / cover; }
header.scroll .on .ic-select{background:url('/imgs/select_up_on.png') no-repeat center center / cover; } 
header.on .logo{background:url('/imgs/logo_on.png') no-repeat center  center / contain; }
:lang(en) header.on .logo{background:url('/imgs/logo_on-en.png') no-repeat center  center / contain; }
header.on .ic-lang{background:url('/imgs/lang_on.png') no-repeat center center / cover; }
header.on .ic-select{background:url('/imgs/select_bt_on.png') no-repeat center center / cover; } 
header.on .on .ic-select{background:url('/imgs/select_up_on.png') no-repeat center center / cover; } 

/* 두번째 세션 header */
header.invert .logo{background:url('/imgs/logo_on.png') no-repeat center center / contain; }
:lang(en) header.invert .logo{background:url('/imgs/logo_on-en.png') no-repeat center center / contain; }
header.invert .ic-lang{background:url('/imgs/lang_on.png') no-repeat center center / cover; }
header.invert .ic-select{background:url('/imgs/select_bt_on.png') no-repeat center center / cover; } 
header.invert .on .ic-select{background:url('/imgs/select_up_on.png') no-repeat center center / cover; }  
header.invert .gnb h2{   color:#333;   } 
header.invert .gnb h2 a{   color:#333;   } 
header.invert .lang em{    color:#666;} 
header.invert .all-bt span{    background-color:#222;} 
header.on .gnb h2 a{   color:#333;   }  
header .ic-link-big{display:inline-block; width:30px; height:30px; background:url('/imgs/ic-outlink-big.png') no-repeat center center; margin-bottom:-4px; margin-left:4px;}
header .ic-link{display:inline-block; width:20px; height:20px; background:url('/imgs/ic-outlink-w.png') no-repeat center center; margin-bottom:-4px; margin-left:4px;}
header.on .ic-link{background-image:url('/imgs/ic-outlink-b.png');}
header.invert .ic-link{background-image:url('/imgs/ic-outlink-b.png');}
header.scroll .ic-link{background-image:url('/imgs/ic-outlink-b.png');}
header .all-item .ic-link{background-image:url('/imgs/ic-outlink-b.png');  opacity:.6; transition:all ease .3s;}
.all-nav .all-item .box.all-link li a:hover .ic-link{opacity:1;}

.scr-hd{overflow-y:hidden;}

/*전체메뉴 버튼*/
.all-bt{
    display:block;
    position:relative;
    width:30px;
    height:20px;
    margin-top:30px;
    margin-left:20px;
    cursor: pointer;
    z-index:200;
}
.all-bt span{
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    background-color:#fff;
    transition: top 0.2s, transform 0.2s ,opacity 0.2s;
    transition-delay: 0.2s, 0s, 0.2s;
}
.all-bt.open span{
    background-color:#333;
    transition: top 0.2s, transform 0.2s ,opacity 0.2s;
    transition-delay: 0s, 0.2s, 0s;
}
.all-bt .top{
    top:0px;
    transform: rotate(0deg);
}
.all-bt .middle{
    top:9px;
    transform: rotate(0deg);
}
.all-bt .bottom{
    top:18px;
}
.all-bt.open .top{
    top:9px;
    transform: rotate(45deg);
}
.all-bt.open .middle{
    opacity: 0;
}
.all-bt.open .bottom{
    top:9px;
    transform: rotate(-45deg);
}
.all-nav{
    display:none;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background-color:#fff;
    z-index:100;
}
.all-nav.open{
    display: flex;
}
.all-nav .all-item{
    display: flex;
    position:relative;
    width:25%; 
    border-right:1px solid #ddd; 
    background-size:cover;
    background-position:center;
    transition:background 0.3s;
} 
.all-nav .all-link li{ 
	margin:20px 0 0; 
}
.all-nav .box.all-link li a{
	position:relative; 
} 
.all-nav .box.all-link li a:hover{
	color:#ed1b23;
}
.all-nav .box.all-link li a:hover:after{
	display:none;
}
.all-nav .all-item:last-of-type{
    border-right: none;
}
.all-nav .all-item .box{
    position:absolute;
    top:10%;
    width:100%;
	left:0;
	padding:80px;
}
.all-nav .all-item h2 {
    width:100%;
    color:#333;
    font-size:30px;
    margin-bottom:20px;
    transition:color 0.2s;
}
.all-nav .all-item h2:after{
	content:'';
	width:40px;
	height:3px;
	background:#ed1b23;
	display:block; 
	margin:30px 0;
}
.all-nav .all-item .box{
	font-size:18px
}
.all-nav .all-item .box ul{
    width:100%;
}

.all-nav .all-item .box li{
    width:100%;
    margin-bottom:20px;
}
.all-nav .all-item .box.all-link li a{
	font-weight: 400;
	color:#888;
	transition:color .3s;
}
.all-nav .all-item .box.all-link li a:hover{
	color:#000
}
.all-nav .all-item .box.all-link li:last-child a{
	font-weight:600;
	color:#000;
} 
.all-nav .all-item .box a{  
}

@media (max-width:1680px) {
    .all-nav .all-item h2{
        font-size:28px;
        padding:0
    }
    .all-nav .all-item .box{
        padding:70px;
    }
}
@media (max-width:1560px) {
    .all-nav .all-item .box{
        padding:50px;
    }
}
@media (max-width:1440px) {
    .all-nav .all-item .box{
        padding:40px 20px;
    }
}
@media (max-width:1360px){
    header{
        padding:0 5%;
    }
    header .etc{
        padding-right:5%;
    }     
}
@media (max-width:1280px){
    header{
        overflow:visible;
    }
    header .gnb{
        display: none;
    }

	header.opbg{background:#fff}
	.all-nav.open{display:block;}
    .all-nav{
        padding:50px 2.5%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
		overflow-y: auto;
    }
    .all-nav .all-item{
        width:100%;
        border-right:none;
    }
    .all-nav .all-item .box {
        display:flex;
        align-items: baseline;
        justify-content: flex-start;
        position:static;
        top:0; 
        border-bottom:1px solid #ddd; 
        flex-direction: column;
        align-items: flex-start;
    }  
	.all-nav .all-item h2:after{display:none;}
    .all-nav .all-item h2{
        width:auto; 
        font-size: 20px;
    }
	header .ic-link-big{
		width:20px;
		height:20px;
		background-size:20px;
	}
    .all-nav .all-item h2:after{
        width:30px;
        height:1px;
        margin:20px 0;
    }
    .all-nav .all-item .box ul{
        display:flex;
        align-items: center;
        width:100%;
    }
    .all-nav .all-item .box li{
        position:relative;
        width:auto;
        margin-bottom:0;
        margin-right:4rem;
        padding-left:10px;
    }
    .all-nav .all-item:last-child .box li{ 
        padding-left:0;
		margin-top:10px;
    }
	.all-nav .all-item .box.all-link li a{
		font-size:16px;
	}
    .all-nav .all-item .box li::before{
        content:"";
        position:absolute;
        top:10px;
        left:0;
        width:3px;
        height:3px; 
        background-color:#ed1b23;
		border-radius:50%;
    }
    .all-nav .all-item:last-child .box li::before{
		display:none;
	}
    .all-nav .all-item .box li:last-of-type{
        margin-right:0;
    }
    .all-nav .all-item .box.all-link{
        border-bottom:none;
    }
}
@media (max-width:1023px) {
    .all-nav .all-item .box a{
        font-size:18px;
		font-weight: 500;
    } 
	.all-nav .all-item .box ul li a{
		font-size:16px;
	}
	.all-nav .all-item:last-child .box a{
		font-size:15px;
	}
}
 

@media (max-width:768px){
    header .logo{
        width:120px;
    }
    header .lang{
        margin-right:0; 
    }
	header .ic-link-big{
		display:none;
	}
	.all-nav .all-item .box a{display:block;}
    .all-nav{
        justify-content: flex-start;
        padding:80px 5% 30px;
    }
    .all-nav .all-item h2{
        width:100%;
        margin-bottom:0;
        background-image: url('/imgs/m_nav_bt.png');
        background-repeat: no-repeat;
        background-position:right 10px center;
        text-align: left;
    }
    .all-nav .all-item h2.on{ 
        background-image: url('/imgs/m_nav_tp.png'); 
    }
    .all-nav .all-item.style02 h2{
        background-image: url('/imgs/ic-outlink-m.png');
		background-size: 15px;
    }
    .all-nav .all-item h2:after{
        display: none;
    }
    .all-nav .all-item .box{
        padding:15px 10px;
    }
    .all-nav .all-item .box ul{
        display: none;
        text-align: left;
        padding-top:20px;
    }

    .all-nav .all-item .box ul li{
        margin-right:0;
        margin-bottom:10px;
    }
    
}

@media (min-width:1280px){ 
    header .gnb .gnb-item:hover h2,
    header .gnb .lnb li:hover a{
        color:#ed1b23;
		font-weight:600;
    }
    header .gnb .gnb-item:hover h2{
        border-bottom:2px solid #ed1b23;
    } 
	
	header .gnb .lnb li a span{
		position:relative;
	}
	header .gnb .lnb li a span:after{
		content:'';
		width:0;
		height:1px;
		background:#ed1b23;
		position:absolute;
		left:50%;
		bottom:-5px;
		transition:all ease .3s;
	}
	header .gnb .lnb li:hover a span{
		color:#ed1b23;
	}
	header .gnb .lnb li:hover a span:after{
		width:100%; 
		left:0;
	}

	.all-nav .all-item .box.all-link li:last-child a:hover{
		color:#ed1b23;
	}

	.all-nav .all-item .box .lnb a{
		position:relative;
	}
	.all-nav .all-item .box .lnb a:after{
		content:'';
		width:0;
		height:1px;
		background:#ed1b23;
		position:absolute;
		right:0;
		bottom:-5px;
		transition:all ease .3s;
	}
	.all-nav .all-item .box .lnb a:hover{
		color:#ed1b23;
		font-weight:600;
	}
	.all-nav .all-item .box .lnb a:hover:after{
		width:100%; 
		left:0;
		right:auto;
	}
	.all-nav .all-item:hover h2{
		color:#ed1b23;
	}
}

/******************************************** main ********************************************/ 

/* layout */
.wr{max-width:1400px; margin:0 auto; width:90%;} 

/* title */
.main-tit {text-align:center; margin:0 0 50px}
.main-tit h2{font-size:50px; line-height: 1.2;  margin: 20px 0;}
.main-tit h2 br{
    display: none;
}
.main-tit p{font-size:18px;}
.cont-tit h3{font-size:40px}
.cont-tit p{font-size:17px;  margin:20px 0 40px;}
.sm-tit{font-size:24px; text-align:center;}
.sm-tit:after{content:''; width:50px; height:2px; background:#ed1b23; margin:30px auto 50px; display:block;}

@media (max-width:1440px) {
    .main-tit h2{font-size:40px;}
    .cont-tit h3{font-size:30px;}
}

@media (max-width:1023px) {
    .main-tit h2{font-size:30px; margin-bottom:20px; word-break: keep-all; line-height:1.1; margin-top:10px;}
    .cont-tit h3{font-size:24px;}
	.main-tit p{font-size:16px; font-weight:400;}
}
@media (max-width:768px) {
	.main-tit h2{margin:10px 0; font-size:26px;}
	.main-tit p{font-size:15px;}
    .main-tit h2 br{
        display: block;
    }
	.main-tit{margin:0 0 30px}
	.sm-tit{font-size:16px}
	.sm-tit:after{margin:20px auto; width:40px}
}


/* btn */
.more-btn{color:#fff; border:1px solid #fff; width:50px;  height:50px; line-height:50px;  display:inline-block; transition:all ease .3s; overflow:hidden; position:relative;}
.more-btn span{margin-right:12px; width:0; overflow:hidden; font-size:0; }
.more-btn img{vertical-align:baseline;}
.more-btn i{ position: absolute; width: 100%;  height: 100%;  top: 0;  right: 0;   display: flex; align-items: center;  justify-content: center;}

@media (max-width:1280px) { 
    .more-btn span{
        display: none;
    }  
}

@media (min-width:1280px) {
    .more-btn:hover{background:#ed1b23; border-color:#ed1b23; width:auto; padding:0 30px; color:#fff; }
    .more-btn:hover span{width:auto;font-size:100%; margin-right:40px;}    
	.more-btn:hover i{width:50px; right:10px;}
}


/* fullpage */
#fullpage .section{overflow:hidden;}
.main-sec01 .main-video.animation img {animation: ani-scale 3s ease-in-out both;}
.main-sec01 .main-video video, .main-sec01 .main-video img .main-sec01 .main-video video {min-width: 100vw; min-height:100vh;position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:none; z-index:1; filter: brightness(0.5);}
.main-sec01 .visual-tit{  color:#fff; position:relative; z-index:2; text-align:center;} 
.main-sec01 .visual-tit h4{font-size:24px; font-weight:400; letter-spacing:.50px; margin-bottom:20px}
.main-sec01 .visual-tit h2{font-size:90px; line-height:1.1;}
.main-sec01 .visual-tit h2 img{vertical-align:middle; margin-bottom:-30px}
.main-sec01 .visual-tit p{font-size:20px; }
.main-sec01 .visual-tit p:before{content:''; width:60px; height:2px; background:#eb1c24;   margin:0 auto; display:block; margin:50px auto;}

@media (max-width:1440px) {
    .main-sec01 .visual-tit h2{
        font-size:70px;
    }
    .main-sec01 .visual-tit p:before{
        margin:40px auto;
    }
}

@media (max-width:768px) {
    .main-sec01 .visual-tit h2{
        font-size:50px;
    }
    .main-sec01 .visual-tit p:before{
        margin:30px auto;
    }
    .main-sec01 .visual-tit p{
        font-size:18px;
        line-height:1.6em;
    }
}

@media (max-width:768px) {
    .main-sec01 .visual-tit h4{
        font-size:18px;
    }
    .main-sec01 .visual-tit h2{
        font-size:30px;
    }
    .main-sec01 .visual-tit p:before{
        margin:25px auto;
		width:40px;
    }
    .main-sec01 .visual-tit p{
        font-size:16px;
    }
    .main-sec01 .visual-tit h2 img{
        width:10px
    }
}

.main-sec02{background:url('/imgs/main/main-sec02-fullbg.jpg') no-repeat center center /cover;}
.main-sec02 .cont-box{ position:relative; overflow:hidden;}
.main-sec02 .cont-box .bg{width:100%; height:100%; position:absolute; left:0; top:0; background:url('/imgs/main/main-sec02-bg01.jpg') center center / cover; transition:all ease .6s;}
.main-sec02 .cont-box ul{display:flex; background:#333; align-items: flex-end; height:600px} 
.main-sec02 .cont-box ul li{width:33.33%; position:relative; transition:all ease .3s; height:100%; display:flex; align-items: flex-end; border-right:1px solid rgba(255,255,255,0.1);}
.main-sec02 .cont-box ul li:last-child{border-right:0;}
.main-sec02 .cont-box ul li .cont-tit{padding:100px 50px; color:#fff;}  
.main-sec02 .cont-box ul li .cont-tit p{height:0; font-size: 16px; overflow:hidden; transition:all ease .3s;}
.main-sec02 .cont-box ul li.active{background:rgba(0,0,0,0.3);}
.main-sec02 .cont-box ul li.active .cont-tit p{height:63px;}
.main-sec02 .cont-box ul li.active .more-btn{background:#ed1b23; border-color:#ed1b23; width:auto; padding:0 30px; color:#fff; }   
.main-sec02 .cont-box ul li.active .more-btn{background:#ed1b23; border-color:#ed1b23; width:auto; padding:0 30px; color:#fff; }
.main-sec02 .cont-box ul li.active .more-btn span{width:auto;font-size:100%; margin-right:40px;}    
.main-sec02 .cont-box ul li.active .more-btn i{width:50px; right:10px;}


@media (max-width:1440px) { 
    .main-sec02 .cont-box ul{
        height:400px;
    }
    .main-sec02 .cont-box ul li .cont-tit{
        padding-right:20px;
    }
    .main-sec02 .cont-box ul li.active .cont-tit p,
    .main-sec02 .cont-box ul li .cont-tit p{
        overflow: visible;
        height:auto;
        word-break: keep-all;
    }
}
@media (max-width:1280px) {
    .cont-tit h3{ 
    }
    .cont-tit p{ 
    }
    .main-sec02 .cont-box ul li .more-btn span{
        display: none;
    }
    .main-sec02 .cont-box ul li.active .more-btn{
        width:50px;
        padding:0;
        background-color:transparent;
        border-color:#fff;
    }
    .more-btn a{
        display: flex;
        align-items: center;
        justify-content: center;
    } 
	.main-sec02 .cont-box ul li.active .more-btn i{right:0; width:40px;}
}
@media (max-width:1024px){
    .main-sec02 .cont-box ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0;
        background:none;
        background-size:cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .main-sec02 .cont-box ul li.active{
        background:none;
        background-size:cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .main-sec02 .cont-box .bg{
        display: none;
    }
    .main-sec02 .cont-box ul li:nth-of-type(1),
    .main-sec02 .cont-box ul li.active:nth-of-type(1){
        background-image: url('/imgs/main/main-sec02-bg00.jpg');}
    .main-sec02 .cont-box ul li.acative:nth-of-type(2),
    .main-sec02 .cont-box ul li:nth-of-type(2){
        background-image: url('/imgs/main/main-sec02-bg01.jpg');}
    .main-sec02 .cont-box ul li.active:nth-of-type(3),
    .main-sec02 .cont-box ul li:nth-of-type(3){
        background-image: url('/imgs/main/main-sec02-bg02.jpg');}

    .main-sec02 .cont-box ul li .cont-tit{
        width:80%;
        padding:0; 
    }
}

@media (max-width:768px) {
    .main-sec02{
        padding:50px 0;
    }
    .main-sec02 .cont-box ul{
        display: flex;
        flex-direction: column;
        width:100%;
        height:auto;
    }
    .main-sec02 .cont-box ul li{
        width:100%;
        padding:40px 15px;
        border-right:none;
    }
    .more-btn{
        width:40px;
        height:40px;
        line-height:40px;
    }
    .main-sec02 .cont-box ul li.active .more-btn{
        width:40px;
        height:40px;
    }
    .main-sec02 .cont-tit p{
        margin: 10px 0 30px;
		font-size:16px;
		font-weight:400;
    }
	.main-sec02 .cont-box ul li .cont-tit{width:90%;}
}

/* scroll btn */
#mouse-scroll {
  position: absolute;
  margin: auto;
  left: 50%;
  bottom: 80px;
  -webkit-transform: translateX(-50%);
  z-index: 9;
  cursor:pointer
}
#mouse-scroll > div > span{
  display: block;
  width: 15px; 
  height: 15px;
  -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
       transform: rotate(45deg);
       transform: rotate(45deg);
  border-right: 2px solid #fff; 
  border-bottom: 2px solid #fff;
  margin:-5px 5px; 
}  
#mouse-scroll .down-arrow-1, #mouse-scroll .down-arrow-2, #mouse-scroll .down-arrow-3 {
	-webkit-animation: mouse-scroll 1s infinite; 
	-moz-animation: mouse-scroll 1s infinite;
}
#mouse-croll .down-arrow-1 {
   -webkit-animation-delay: .1s; 
   -moz-animation-delay: .1s;
   -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-2 {
  -webkit-animation-delay: .2s; 
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-3 {
   -webkit-animation-delay: .3s;
   -moz-animation-dekay: .3s;
   -webkit-animation-direction: alternate;
} 


#mouse-scroll .mouse {
	position: relative;
	display: block;
	width: 25px;
	height: 40px;
	margin: 0 auto 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid white;
	border-radius: 25px;
	transform: none;
}
#mouse-scroll .mouse > * {
	position: absolute;
	display: block;
	top: 30%;
	left: 50%;
	width: 4px;
	height: 4px;
	margin: -2px 0 0 -2px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
	transform: none;
}

@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  } 
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes ani-scale {
  0% {
    transform:scale(1);
  }
  100% {
    transform:scale(1.2);
  } 
}
@keyframes ani-scale {
 0% {
    transform:scale(1);
  }
  100% {
    transform:scale(1.2);
  } 
}



.main-sec03{background:#f4f4f4; position:relative;}
.main-sec03 .prd-wr{display:flex; align-items: flex-start; justify-content: space-between; width:100%; position:relative; z-index:2; margin-top:50px;}
.main-sec03 .prd-left{flex-shrink:0; width:320px; padding-top:50px} 
.main-sec03 .tab{float:right; width:calc(100% - 270px); margin-right:-150px; display:none}
.main-sec03 .tab.on{display:block;}
.main-sec03 .main-tit{text-align:left; color:#fff;} 
.main-sec03 .prd-bg{width:40%; height:100%; position:absolute; left:0; top:0;     transition: all ease .3s;background:url('/imgs/main/tab1-bg2.jpg') no-repeat center center / cover; z-index:1;} 
.main-sec03 .prd-bg.tab1-bg2{background-image:url('/imgs/main/tab1-bg2.jpg');}
.main-sec03 .prd-bg.tab1-bg3{background-image:url('/imgs/main/tab1-bg3_3.jpg');}
.main-sec03 .prd-list{border-top:3px solid #fff;}
.main-sec03 .prd-list li{border-bottom:1px solid rgba(255,255,255,0.5); font-size:18px; color:#fff; padding:15px; cursor:pointer; transition:all ease .3s;}
.main-sec03 .prd-list li.on{background:rgba(0,0,0,0.4);}  
.main-sec03 .prd-slider {padding-bottom:60px;}
.main-sec03 .prd-slider .swiper-slide{ padding:50px; background:#fff; text-align:center;  transition: box-shadow .3s;} 
.main-sec03 .prd-slider .swiper-slide img{transition:all ease .3s;}
.main-sec03 .prd-slider .swiper-slide h3{font-size:26px; margin:0 0 20px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.main-sec03 .prd-slider .swiper-slide p{height:24px; } 
.main-sec03 .prd-slider .swiper-slide .more-btn{color:#333; border-color:#333; text-align:left;}
.main-sec03 .tab .swiper-button-wr{position:absolute; bottom:-10px; width: 50px;  display: flex; align-items: center;     left: calc(520px + 20%);}
.main-sec03 .tab .swiper-button-next.swiper-button-disabled, .main-sec03 .tab .swiper-button-prev.swiper-button-disabled{}
.main-sec03 .tab .swiper-button-next, 
.main-sec03 .tab .swiper-button-prev{position:relative; top:auto; margin-top:0; left:auto; right:auto;}
.main-sec03 .tab .swiper-button-next:after, 
.main-sec03 .tab .swiper-button-prev:after{color:#333; font-size: 20px;}
.main-sec03 .prd-slider>.swiper-scrollbar{bottom:12px; max-width: 500px; left:20%; height:2px; background:#ddd;}
.main-sec03 .prd-slider .swiper-scrollbar-drag{background:#ed1b23; } 

@media (min-width:1280px) {
    .main-sec03 .prd-list li:hover{background:rgba(0,0,0,0.4);}  
	.main-sec03 .prd-slider .swiper-slide{padding:50px 20px;}
    .main-sec03 .prd-slider .swiper-slide:hover{box-shadow: 2px 10px 30px 2px rgb(0 0 0 / 10%);}
    .main-sec03 .prd-slider .swiper-slide:hover img{transform:scale(1.05);}
    .main-sec03 .prd-slider .swiper-slide .more-btn:hover{color:#fff; border-color:#ed1b23;}  
 
}

@media (max-width:1680px) {
    .main-sec03 .tab{
        width:calc(100% - 400px);
        margin-right:0px;
    }
}
@media (max-width:1280px) {
    .main-sec03 .prd-slider>.swiper-scrollbar{
        width:calc(100% - 70px);
        left:0;
		max-width:none;
    }
    .main-sec03 .tab .swiper-button-wr{
        left:auto;
		right:0;
    }
	.main-sec03 .prd-left{padding-top:0;}
	.main-sec03 .prd-wr{margin-top:0;}
}
@media (max-width:1023px) { 
    .main-sec03 .prd-left{
        width:220px;
        margin-right:50px;
    }
    .main-sec03 .tab{
        width:calc(100% - 270px);
    }
}
@media (max-width:769px) {
    .main-sec03 .prd-slider .swiper-slide h3{
        font-size:20px;
    } 
}
@media (max-width:768px) { 
    .main-sec03{
        padding:50px 0;
    }
    .main-sec03 .prd-wr{
        flex-direction: column;
		margin-top:0;
    }
    .main-sec03 .prd-bg{
        width:100%;
    }
    .main-sec03 .prd-left{
        width:100%;
        padding-top:0;
        margin-right:0; 
    }
    .main-sec03 .main-tit{
        text-align: center;
    }
    .main-sec03 .prd-list{
        display: flex;
        margin-bottom:2rem;
    }
    .main-sec03 .prd-list li{
        display: flex;
        align-items: center;
        justify-content: center;
        flex:1;
        text-align: center;
        font-size:14px;
        word-break: keep-all;
		padding:10px;
    }
    .main-sec03 .tab{
        width:100%;
    } 
	.main-sec03 .tab .swiper-button-next:after, .main-sec03 .tab .swiper-button-prev:after{color:#fff;}
	.main-sec03 .prd-slider{
		padding-bottom:60px;
	}
    .main-sec03 .prd-slider .swiper-slide{
        padding:30px;
    }

	#mouse-scroll{
		bottom:50px;
	}
}

.main-sec04.active .vd-bg{transform:scale(1.05);}
.main-sec04 .vd-bg{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;background:url('/imgs/main/main-sec04-bg.jpg') no-repeat center center / cover; transition:all ease 2s;   transition-delay:.3s;}
.main-sec04 .wr{position:relative; z-index:2;}
.main-sec04 .main-tit{color:#fff; text-align:left;}
.main-sec04 .main-tit h2{margin-bottom:30px} 

@media (max-width:1440px) {
    .main-sec04 .main-tit h2{
        font-size:50px;
    }
}
@media (max-width:1024px){
    .main-sec04 .main-tit h2{
        font-size:40px;
    }
}
@media (max-width:768px){
    .main-sec04 .main-tit{
        margin-bottom:30px;
		margin:10px 0 20px;
    }
    .main-sec04 .main-tit h2{
		margin:10px 0 20px;
		font-size:30px;
		padding-right: 10%;
		line-height: 1.2;
	}
    .main-sec04 .main-tit p{
        font-size:16px;
        word-break: keep-all;
    }
    .main-sec04 .main-tit p br{
        display:none;
    }
    .main-sec04 .more-btn{
        margin-left:0;
    }
    .main-sec04 .vd-bg{
        background-position:73% bottom;
    }
}

/*슬라이드 텍스트 애니메이션*/
#fullpage .main-sec01.active .visual-tit h4,
#fullpage .main-sec03.active .main-tit p:first-child,
#fullpage .main-sec04.active .main-tit p:first-child,
.sub-visual .sub-title b{animation:  text 0.8s .1s both;}
#fullpage .main-sec01.active .visual-tit h2,
#fullpage .main-sec02.active .main-tit h2,
#fullpage .main-sec03.active .main-tit h2,
#fullpage .main-sec04.active .main-tit h2,
.sub-visual .sub-title h1{animation:  text 0.8s .2s both;}
#fullpage .main-sec01.active .visual-tit p,
#fullpage .main-sec02.active .main-tit p,
#fullpage .main-sec03.active .main-tit p,
#fullpage .main-sec04.active .main-tit p,
.sub-visual .sub-title p,
.sub-visual .sub-title .line{animation:  text 0.8s .4s both;} 
#fullpage .main-sec04.active .more-btn {animation:  text 0.8s .6s both;}


@keyframes text {
    0% { opacity: 0; transform: translateY(30px);}
    100% {opacity: 1; transform: translateY(0);}
}
 

/******************************************** footer ********************************************/ 
.main-sec05 { background:url('/imgs/main/main-sec05-bg.jpg') no-repeat center center / cover;}
.main-sec05 .btn-box{ display:flex;}
.main-sec05 .btn-box a{ width:100%; color:#fff; padding:80px 100px; display: flex; align-items: center;  flex-wrap: wrap; transition:all ease .3s; position:relative;} 
.main-sec05 .btn-box a h3{font-size:32px; margin:0 0 15px;}
.main-sec05 .btn-box a:first-child{justify-content: flex-end; border-right:1px solid rgba(255,255,255,0.15);}
.main-sec05 .btn-box .h-wr{ display:flex; align-items:center; justify-content:flex-start; max-width:600px; width: 100%; } 
.main-sec05 .btn-box .h-wr p {word-break: keep-all;}
.main-sec05 .arr{ flex-shrink:0; margin-left:auto; transition:all ease .5s; }

@media (min-width:1280px) {
    .main-sec05 .btn-box a:hover{background:rgba(0,0,0,0.3);}
    .main-sec05 .btn-box a:hover .arr{right:80px;}
}

@media (max-width:1440px) {
    .main-sec05 .btn-box a h3{
        font-size:28px;
    }
}
@media (max-width:1280px) {
    .main-sec05 .btn-box a{
        padding:50px 70px;
    }
}
@media (max-width:1023px){
    .main-sec05 .btn-box a{
        padding:40px 20px; 
    }
    .main-sec05 .btn-box a h3{
        font-size:24px;
    }
    .main-sec05 .arr{
        width:30px;
		position: absolute;
		right: 30px;
		bottom: 40px;
    }
}
@media (max-width:768px) {
	.main-sec05 .btn-box a h3{
		font-size:20px;
	}
	.main-sec05 .btn-box .h-wr{
		display:block;
	}
	.main-sec05 .btn-box .h-wr p{font-size:15px;}
    .main-sec05 .btn-box{
        flex-direction: column;
    }
    .main-sec05 .btn-box a{
        padding:40px 30px;
    }
    .main-sec05 .btn-box a:first-child{
		justify-content: flex-start;
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,0.15);
    }
    .main-sec05 .btn-box .typo{
        width:60%;
    }
    .main-sec05 .btn-box .h-wr{
		max-width:100%;
	}
}
.main-footer {background:#1a1a1a; padding:40px 0; color:#ccc; font-size:15px;} 
.main-footer .ft-info{display:flex; justify-content:space-between;      align-items: center;}
.main-footer .ft-info .f_logo {width: 160px; height: 26px;}
.main-footer .ft-link li{display:inline-block; margin-left:16px;  } 
.main-footer .ft-link li a{color:#ccc;}
.main-footer .ft-info:last-child{border-top:1px solid rgba(255,255,255,0.2); padding-top:20px; margin-top:20px;}
.main-footer .ft-link li:last-child a{font-weight:600; color:#fff;}
.main-footer .copy{color:#666; font-size:15px;}
.main-footer .ft-site{ background:#292929; width:200px;  position:relative;}
.main-footer .ft-site h3{ padding:10px; font-weight:400; position:relative; cursor:pointer;}
.main-footer .ft-site h3:after{content:''; width:10px; height:10px; position:absolute; right:15px; top:16px; background:url('/imgs/ic-arr-up.png') no-repeat center center; transition:all ease .3s;}
.main-footer .ft-site ul{display:none; position:absolute; bottom:42px; left:0; background:#fff; width:100%; padding:10px; font-size:14px;}
.main-footer .ft-site ul li a{padding:5px 0; display:block;}
.main-footer .ft-site.on h3:after{transform: rotate(180deg);}  
.main-footer .ic-link{display:inline-block; width:20px; height:20px; background:url('/imgs/ic-outlink-w.png') no-repeat center center / 15px; margin-bottom:-4px; }


#scroll-top{position:fixed; bottom:50px; right:50px; z-index:3; cursor:pointer; display:none; transition:all ease .3s;}
#scroll-top:hover{background:rgba(3,3,3,0.5);}
@media (max-width:1024px) { 
	#scroll-top{
		width:40px;
		height:40px;
		right:10px;
		bottom:10px;
	}
}
@media (max-width:768px) {
    .main-footer .ft-info{
        flex-direction: column;
        align-items: flex-start;
    }
    .main-footer .ft-info > a{
        margin-bottom:1rem;
		width:120px;
    }
    .main-footer .ft-info .copy{
        margin-bottom:1rem;
		font-size:14px;
    }
    .main-footer .ft-link {
        display: flex;
        flex-wrap: wrap;
    }
    .main-footer .ft-link li{
        margin-bottom:5px;
        margin-left:0;
        margin-right:10px;
    } 
	.main-footer .ft-site h3{
		font-size:14px;
	}
}
@media (max-width:768px){
    .main-footer .ft-link li a{
        font-size:13px;
    }
}



/******************************************** sub ********************************************/  
/** basic **/  
.sub .wr{max-width:1280px}
.sub #mouse-scroll{cursor:auto;}
.sub-visual{width:100%; height:auto; padding:220px 0 180px;   display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}
.sub .hg-full.sub-visual{height:100vh;} 
.sub-visual:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center;-webkit-transform:scale(1.08); transform:scale(1.08); animation: bgMove 2s ease-in-out both; z-index:-1;}
.sub-visual.visual01:after{background-image:url('/imgs/sub/sub-visual01.jpg');}
.sub-visual.visual02:after{background-image:url('/imgs/sub/sub-visual02.jpg');}
.sub-visual.visual03:after{background-image:url('/imgs/sub/sub-visual03_2.jpg');}
.sub-visual.visual04:after{background-image:url('/imgs/sub/sub-visual04.jpg');}
.sub-visual.visual05:after{background-image:url('/imgs/sub/sub-visual05.jpg');}
.sub-visual.visual06:after{background-image:url('/imgs/sub/sub-visual06.jpg');}
.sub-visual.visual07:after{background-image:url('/imgs/sub/sub-visual02.jpg');}
.sub-visual.visual08:after{background-image:url('/imgs/sub/sub-visual02.jpg');}
.sub-visual.visual09:after{background-image:url('/imgs/sub/sub-visual09.jpg');}
.sub-visual.visual10:after{background-image:url('/imgs/sub/sub-visual10.jpg');}
.sub-visual.visual11:after{background-image:url('/imgs/sub/sub-visual11.jpg');}
.sub-visual.visual12:after{background-image:url('/imgs/sub/sub-visual12.jpg');}
.sub-visual.visual-esg:after{background-image:url('/imgs/sub/sub-visual-esg.jpg');}

 
@-webkit-keyframes bgMove {
    from {
        transform:scale(1.08);
    }

    to {
        transform:scale(1);
    }
}

@keyframes bgMove {
    from {
        transform:scale(1.08);
    }

    to {
        transform:scale(1);
    }
} 

.sub-visual .sub-title{color:#fff; text-align:center; }
.sub-visual .sub-title b{display:block; font-size:20px; font-weight:400; letter-spacing:1px; opacity:.5;}
.sub-visual .sub-title h1{font-size:56px; font-weight:500; line-height:1.2; margin:10px 0;}
.sub-visual .sub-title .line{width:50px; height:2px; background:#fff; display:block; margin:30px auto 40px;}
.sub-visual .sub-title p{ font-size:17px; font-weight:400; line-height:1.6;}
.sub-position{border-bottom:1px solid #ddd; position:relative; z-index:4;}
.sub-position .wr{ display:flex; width:100%; max-width:1400px;  }
.sub-position .home{flex-shrink:0; width:60px; height:60px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:url('/imgs/sub/ic-home.png') no-repeat center center ;}
.sub-position h2{height:60px; line-height:60px; padding:0 40px 0 20px; font-weight:400; color:#666; background:url('/imgs/sub/arr-down.png') no-repeat center right 20px ; cursor:pointer; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.sub-position h2.open{background-image:url('/imgs/sub/arr-up.png');}
.sub-position .sub-depth{position:relative; width:250px; border-right:1px solid #ddd; z-index:2; background:#fff;}
.sub-position .sub-depth ul{position:absolute; left:-1px; width: calc(100% + 2px); background:#fff; border:1px solid #ddd; border-top:0; display:none;}
.sub-position .sub-depth ul li a{padding:5px 0; font-weight:400; color:#666; display:block;  padding:15px 20px; border-top:1px solid #ddd; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;  }
.sub-position .sub-depth ul li a:hover{background:#f4f4f4;}
.sub-cont-title{text-align:center; margin:0 0 80px}
.sub-cont-title h2{ font-size:40px; font-weight:500;}
.sub-cont-title h2:after{content:''; width:50px; height:2px; background:#ed1b23; margin:20px auto 30px; display:block;}
.sub-cont-title p{color:#666; font-weight:400}
.sub-cont-title .sign {margin:60px auto 120px;}
.sub-cont-title .sign p { font-weight: 400;}
.sub-cont-title .sign p > strong { font-size: 32px;}
.prd-list {text-align: center;}

@media (max-width:1440px) {
    .sub-visual{
        padding:180px 0 180px;
    }
    .sub-visual .sub-title h1{
        font-size:48px;
    }
    .sub-visual .sub-title b{
        font-size:18px
    }
	.sub-position .home{border-left:0;}
}

@media (max-width:769px) {
    .sub-visual{
        padding:160px 0 150px;
    }
    .sub-cont-title{
        margin-bottom:50px;
    }
    .sub-visual .sub-title h1{
        font-size:40px;
    }    
    .sub-visual .sub-title b{
        font-size:14px
    }
    .sub-position .home{ 
        width:50px;
        height:50px;
    } 
    .sub-position h2{
        height:50px;
        line-height:50px;
        font-size:15px;
    }
    .sub-position .sub-depth ul li a{
        font-size:14px;
    }
    
}

@media (max-width:768px) { 
    .sub-position{
		border-bottom:0;
		margin-right: -1px;
	}
    .sub-visual{
        padding:120px 0 80px;
    }
    .sub-visual .sub-title h1{
        font-size:30px;
    }
	.sub-visual .sub-title h1 br{display:none;}
	.sub-position .home{
		display:none;
	}
    .sub-position .wr{ 
		flex-wrap: wrap;
    }
    .sub-position .sub-depth{
		border-bottom:1px solid #ddd;
	}
    .sub-position .sub-depth:nth-of-type(1){
        width:100%;
    }
	.sub-position .sub-depth:first-of-type:nth-last-of-type(2),
	.sub-position .sub-depth:first-of-type:nth-last-of-type(2)~.sub-depth{
		width:50%;
	}
	.sub-position .sub-depth:first-of-type:nth-last-of-type(3),
	.sub-position .sub-depth:first-of-type:nth-last-of-type(3)~.sub-depth{
		width:33.33%;
	}
	.sub-position .sub-depth:first-of-type:nth-last-of-type(4),
	.sub-position .sub-depth:first-of-type:nth-last-of-type(4)~.sub-depth{
		width:50%;
	}
    .sub-position .sub-depth{
        width:100%;
    } 
    .sub-position .sub-depth ul{  
        z-index:1; 
    }
    .sub-position h2{
        font-size:13px;
		padding:0 30px 0 10px;
		background-position:center right 10px;
        height:45px;
        line-height:45px; 
    }
    .sub-position .sub-depth ul li a{
        font-size:13px;
		padding:0 10px;
		line-height:45px;
    }
	.sub-cont-title h2{
		font-size:30px;
	}
	.sub-cont-title p{
		font-size:14px;
	}
	.sub-cont-title p br{display:none;}
    .sub-cont-title p br.mo {
        display: block;
    }
}



/** greeting **/  
.greeting{ padding:100px 0 150px; background:url('/imgs/sub/greeting-bg.png') no-repeat top right;} 
.greeting .sub-cont-title h2{font-size:45px; font-weight:600;}
.greeting .sub-cont-title h2 br{
    display: none;
}
.greeting .sub-cont-title p{font-size:20px;}
.greeting .grt-cont{display:flex; flex-wrap:wrap; justify-content:space-between;}
.greeting .grt-cont > div{width:48%;}
.greeting .txt{padding:50px; padding-right:0; position:relative;}
.greeting .txt:after{content:''; width:537px; height:74px;  background:url('/imgs/sub/greeting-logo.png') no-repeat center center / cover; position:absolute; bottom:25px; z-index:-1;}
.greeting .txt h3{font-size:26px; margin:50px 0; font-weight:500;}
.greeting .txt h3 span{color:#ed1b23;}
.greeting .txt p{font-size:18px; font-weight:400; color:#666; line-height:1.8;}

@media (max-width:1440px) {
    .greeting{
        padding:80px 0 120px;
    }
    .greeting .sub-cont-title h2{
        font-size:40px;
    }
}
@media (max-width:1280px) {
    .greeting{
        padding:60px 0 80px;
    }
    .greeting .txt h3 br{
        display: none;
    }
    .greeting .txt p br{
        display: none;
    }
}
@media (max-width:769px) {
    .greeting .sub-cont-title h2{
        font-size:35px;
		line-height:1.1;
    }
    .greeting .sub-cont-title h2 br{
        display: block;
    }
    .sub-cont-title h2:after{
        width:40px;
        margin:15px auto 25px;
    }
    .greeting .sub-cont-title p{
        font-size:18px;
    }
    .greeting .txt{
        padding:20px;
    }
	.greeting .txt p{
		font-size:16px;
	}
}
@media (max-width:768px){
    .greeting .grt-cont{
        flex-direction: column;
    }
    .greeting .grt-cont > div{
        width:100%;
    }
    .greeting .txt{
        padding:0;
    }
    .greeting .txt h3{
        font-size:20px;
		margin-bottom:30px;
    }
}
@media (max-width:768px) {
    .greeting .sub-cont-title h2{
        font-size:30px;
    }
    .greeting .sub-cont-title p{
        font-size:16px;
    }
}



/** vision **/  
.vision{ padding:100px 0 50px; background:url('/imgs/sub/vision-bg.png') no-repeat top 70px center;}
.vision .vs-step ul{display:flex; justify-content:space-between; position:relative; align-items:center;}
.vision .vs-step ul:after{content:''; width:100%; height:1px; border-top:1px dashed #e60012; position:absolute; left:0; top:50%; z-index:-2;}  
.vision .vs-step ul li{width:20%; padding-bottom:20%; height:0; border-radius:50%; border:2px solid #e60012; position:relative; background:#fff;}
.vision .vs-step ul li > div{width:100%;   position:absolute; left:0; top:50%; margin-top:-80px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; text-align:center; padding:30px;}
.vision .vs-step ul li h3{width:100%; font-size:24px; margin:0 0 10px;}
.vision .vs-step ul li p{width:100%;} 
.vision .vs-step ul li.vs-logo{background:#e60012; box-shadow:4px 4px 8px rgb(181 0 14 / 35%); position:relative; margin-right:5%; width:18%; padding-bottom:18%;}
.vision .vs-step ul li.vs-logo:after{content:''; width:calc(100% + 80px); height:calc(100% + 80px); background:#faedee; position:absolute; left:-40px; top:-40px; z-index:-1; border-radius:50%;}
.vision .vs-step ul li.vs-logo > div{  position:absolute; left:0; top:0; margin-top:0; width:100%; height:100%;  display:flex; align-items:center; justify-content:center; }
.vision .vs-value{ margin:200px -60px 100px;   } 
.vision .vs-value .value-bg{width:100%; height:400px;  position:relative;     z-index: -1;} 
.vision .vs-value .value-bg span{width:100%; height:100%; background:url('/imgs/sub/vision-bg2.jpg') no-repeat center center / cover; display:block;}
.vision .vs-value .value-bg:after{content:''; width:100%; height:270px; background:url('/imgs/sub/value-bg.jpg') ; position:absolute; top:-70px; left:30%; z-index:-2;}
.vision .vs-value .value-bg:before{content:''; width:328px; height:328px; background:#f7f5f5; position:absolute; bottom:-80px; left:-80px;  z-index:-2;}
.vision .vs-value .wr{max-width:1100px; margin-top:-100px; background:#fff; }
.vision .vs-value .value-tit{ padding:100px 30px 0; text-align:center;}
.vision .vs-value .value-tit h3{font-size:30px; margin:0 0 20px;}
.vision .vs-value .value-tit p{color:#666; font-weight:400;}
.vision .value-box strong{display:block; color:#e60012; border:1px solid #e60012; width:80%; max-width:300px; border-radius:50px; padding:15px; font-size:20px; margin:30px auto 100px; text-align:center; position:relative;} 
.vision .value-box strong:after{content:''; width:1px; height:100px; background:#ddd; position:absolute; bottom:-100px; left:50%; z-index:1; margin-left:-.5px;} 
.vision .value-box strong:before{content:''; width:7px; height:7px; background:#e60012; border-radius:50%; position:absolute; bottom:-3.5px; left:50%; margin-left:-3.5px; z-index:2;} 
.vision .value-box ul{border-left:1px solid #ddd; border-top:1px solid #ddd; display:flex;}
.vision .value-box ul li{width:20%; padding:30px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.vision .value-box ul li b{display:block; font-size:1.2em; margin:5px 0 30px; color:#333;}
.vision .value-box ul li img{float:right;}
.vision .value-box ul li p{color:#666;} 


@media (max-width:1440px) {
    .vision{
        padding:80px 0 120px;
    }
    .vision .sub-cont-title h2{
        font-size:40px;
    }
}
@media (max-width:1280px) {
    .vision{
        padding:60px 0 80px;
    } 
	.vision .vs-step ul li p br{display:none;}
	.vision .vs-step ul li{width:24%; padding-bottom:24%;}
	.vision .vs-step ul li p{font-size:14px;}
} 
@media (max-width:768px){ 
    .vision .sub-cont-title h2{
        font-size:30px;
    }

	.vision .vs-step ul{flex-wrap:wrap; justify-content:center; max-width:260px; margin:0 auto;}
	.vision .vs-step ul li{width:100%; padding-bottom:100%; }
	.vision .vs-step ul li:not(:last-child) { margin-bottom:20px;}
	.vision .vs-step ul li.vs-logo{width:90%; padding-bottom:90%; margin-right:0; margin-bottom:40px;} 
	.vision .vs-step ul li.vs-logo:after{width: calc(100% + 50px);  height: calc(100% + 50px);   left: -25px;  top: -25px;}
	.vision .vs-step ul:after{border-top:0; border-left:1px dashed #e60012; width:1px; height:100%; top:0; left:50%;}
	.vision .vs-step ul li h3{font-size:18px;}

	.vision .vs-value{margin: 100px 0 0;}
	.vision .vs-value .value-bg{height:150px;}
	.vision .vs-value .value-bg:before{height:100px; height:100px; bottom:-30px; left:-30px;}
	.vision .vs-value .value-bg:after{height:200px; top:-30px;}
	.vision .vs-value .value-tit h3{font-size:26px; line-height:1.1;}
	.vision .vs-value .value-tit{padding: 50px 20px 0;}
	.vision .vs-value .wr{margin-top:-50px}
	.vision .value-box strong{font-size:18px; margin: 30px auto 50px;}
	.vision .value-box ul{flex-wrap:wrap;}
	.vision .value-box ul li{width:100%;     padding: 30px 20px;}
	.vision .value-box ul li b{margin:5px 0 0;}
	.vision .value-box strong:after{height:50px; bottom:-50px}
} 
@media (max-width:480px){ 
    .vision .vs-step ul{padding:0 10%;}
}

 
/** history **/  
.history{ padding:100px 0 0; }
.history .hst-top{background:url('/imgs/sub/history-bg.jpg') no-repeat center / cover; color:#fff; text-align:center; padding:120px 20px;} 
.history .hst-top h2{ font-size:30px; font-weight:500;}
.history .hst-top p{ font-size:18px; letter-spacing:2px;} 
.history .hst-list {position:relative; padding:50px 0 100px;}
.history .hst-list:after{content:''; width:1px; height:100%; background:#eee; z-index:-1; position:absolute; top:0; left:50%; }
.history .hst-list li{overflow:hidden;} 
.history .hst-list li .left{float:left; width:50%; padding:50px 100px; padding-left:0;}
.history .hst-list li .right{float:right; width:50%; padding:50px 100px; padding-right:0;}
.history .hst-list li .year strong{font-size:50px; margin:20px 0; display:block; position:relative}
.history .hst-list li .year strong:after{content:''; width:11px; height:11px; border:5px solid #ed1b23; border-radius:50%; position:absolute; left:-110px; top:26px; background:#fff; z-index:1;}
.history .hst-list li .year p{font-size:18px; color:#666; line-height:1.8; margin:10px 0; font-weight:400;}
.history .hst-list li .left.year{text-align:right;}
.history .hst-list li .left.year strong:after{left:auto; right:-110px;}

@media (max-width:1440px) {
    .history .hst-top{
        padding:100px 20px;
    }
}
@media (max-width:1280px) {
    .history .hst-top{
        padding:90px 20px;
    }
}
@media (max-width:1023px) {
    .history .hst-list li {
        display: flex;
        flex-direction: column;
        overflow: visible;
        margin-bottom:50px;
    }
    .history .hst-list li .left,
    .history .hst-list li .right{
        float:none;
        width:100%;
        padding:0;
        padding-left:50px;
    }
    .history .hst-list li:nth-of-type(odd) .left{
        order:1;
    }
    .history .hst-list li:nth-of-type(odd) .right{
        order:2;
    }
    .history .hst-list li:nth-of-type(even) .left{
        order:2;
    }
    .history .hst-list li:nth-of-type(even) .right{
        order:1;
    }
    .history .hst-list li .left.year{
        text-align: left;
    }
    .history .hst-list li .year strong:after{
        right:inherit;
        top:20px;
        left:-50px;
    }
    .history .hst-list li .left.year strong:after{
        top:20px;
        left:-50px;
    }
    .history .hst-list:after{
        left:11px;
    }
    .history .hst-list li .year strong{
        font-size:40px;
    }
}
@media (max-width:768px) {
	.history{
		padding:50px 0 0;
	}
    .history .hst-top{
        padding:70px 20px;
    }
    .history .hst-top h2{
        font-size:24px;
        word-break: keep-all;
    }
    .history .hst-list li .year strong{
        font-size:30px;
        margin-bottom:10px;
    }
    .history .hst-list li .left.year strong:after,
    .history .hst-list li .year strong:after{
        top:10px;
        left:-46px;
        width:6px;
        height:6px;
    }
    .history .hst-list li .year strong{
        font-size:24px;
    }
    .history .hst-list li .year p{
        font-size:16px;
        line-height:1.6em;
    }

}
/** product **/
.product{background:#f4f4f4; padding:100px 0;} 
.prdouct-dp{background:#fff;}
.prdouct-dp .prd-img{text-align:center; background:#fff; border:1px solid #ddd;}
.prdouct-dp .view-sec05 .prd-view-special .view-slider-cont{width:100%;}
.prdouct-dp .view-sec05 .prd-view-special .view-slider-cont li{padding:30px; padding-left:300px;}
.prdouct-dp .view-sec05 .prd-view-special .view-slider-cont li p{font-size:1.06em;}
.prdouct-dp .view-sec05 .prd-view-special .view-slider-cont li b{font-size:1.2em; top:30px; max-width:260px;}
.product-nf .view-sec05 .prd-view-special .view-slider-cont li{padding-left:30px;}
.product-nf .view-sec05{margin:0;}
.product-nf .view-sec05 .prd-view-special .view-slider-cont{border:0;}
.product-nf .view-sec05 .prd-view-special .view-slider-cont li{border:0; padding:20px 0;}

.prd-list ul{display:flex; flex-wrap:wrap;}
.prd-list ul li{  margin-right:2%; margin-bottom:3%; width:23.5%; transition:all ease .3s;}
.prd-list ul li:nth-child(4n){margin-right:0;}
.prd-list ul li a{padding:40px 30px; background:#fff; display:block; position:relative; height:100%;}
.prd-list ul li a:after{content:''; width:calc(100% - 2px); height:calc(100% - 2px); position:absolute; left:0; top:0; border:1px solid #ddd; z-index:2; }
.prd-list ul li h3{font-size:26px; font-weight:500; }
.prd-list ul li p{color:#666; font-weight:400; margin:10px 0 20px; min-height:22px;}
.prd-list ul li i{vertical-align:baseline; color:#999; display:none;}
.prd-list ul li img{display:block; margin:0 auto;}

@media (min-width:1280px) {
    .prd-list ul li:hover {box-shadow: 10px 10px 20px rgb(0 0 0 / 10%); transform:translateY(-20px)}
    .prd-list ul li:hover a:after{ width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid #546670; z-index:2;}
}

@media (max-width:1440px) {
    .prd-list ul li h3{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size:22px;
    }
    .prd-list ul li p{
        word-break: keep-all;
        line-height:1.6em;
    }
    .prd-list ul li i{
        margin-left:10px;
        font-size:16px;
    }
}
@media (max-width:1023px){
    .product{
        padding:80px 0;
    }
    .prd-list ul li h3{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size:24px;
    }
    .prd-list ul li{
        width:32%;
        margin-right:2%;
    }
    .prd-list ul li:nth-of-type(3n){
        margin-right:0;
    }
    .prd-list ul li:nth-of-type(4n){
        margin-right:2%;
    }
}
@media (max-width:769px){
    .prd-list ul li{
        width:48.5%;
        margin-right:3%;
    }
    .prd-list ul li:nth-of-type(3n){
        margin-right:3%;
    }
    .prd-list ul li:nth-of-type(2n){
        margin-right:0;
    }
}

@media (max-width:768px) {
    .sub-visual .sub-title p {
        padding:0 5%;
		font-size:14px;
    }
    .sub-visual .sub-title p br{
        display: none;
    }
	.sub-visual .sub-title .line{
		width:30px; margin:20px auto;
	}
    .prd-list ul li{
        width:100%;
        margin-right:0%;
    }
    .prd-list ul li:nth-of-type(3n){
        margin-right:0%;
    }

	.product{
		padding:50px 0;
	}
    .prd-list ul li p{
		font-size:14px;
	}
} 

/** product view **/ 
.sub.view-top{margin-top:80px;}
.sub .view-tit{font-size:36px; margin:0 0 20px}
.sub .btn-wr{text-align:center; margin:100px 0;}
.sub .btn-wr a{width:100%; height:60px; line-height:60px; max-width:250px; margin:10px; display:inline-block; width:50%; background:#333; color:#fff; transition:all ease .3s;}
.sub .btn-wr a:hover{background:#ee2d34; color:#fff;}
.sub .btn-wr a i{vertical-align:middle; margin-left:10px;}
.sub .btn-wr a.w-btn{border:2px solid #546670; color:#546670; background:transparent;  transition:all ease .3s;}
.sub .btn-wr a.w-btn:hover{border-color:#ee2d34; color:#ee2d34;}

@media (max-width:1440px) {
    .sub .view-tit{
        font-size:30px;
    }
}

@media (max-width:1024px) {
    .sub .view-tit{
        font-size:24px;
    }
}
@media (max-width:768px) {
    .sub .btn-wr {
        display: flex;
        justify-content: center;
        align-items: center;
        padding:0 3%;
		margin:50px 0;
    }

    .sub .btn-wr a{
        width:60%;
        height:50px;
        line-height:50px;
        margin:0;
        margin-right:2%;
        font-size:14px;
    }
    .sub .btn-wr a:last-of-type{
        flex-shrink: 0;
        width:30%;
        margin-right:0;
    }
    .sub .view-tit{
        font-size:20px;
    }
}

/* view layout 01 */
.view-sec01{padding:30px 0 20px;}
.view-sec01 .wr{display:flex; align-items: flex-start; justify-content: space-between;}
.view-sec01 .prd-img{flex-shrink:0;position:relative; width: 700px;  margin: 0 auto;}
.view-sec01.style02  
.view-sec01 .prd-img img{width:100%;}
.view-sec01.style02 .prd-img{text-align: center;}
.view-sec01.style02 .prd-img img{width:auto;}
.view-sec01 .prd-point{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.view-sec01 .prd-point:before{content:''; width:100%; height:100%; background:#fff; opacity:.5; position:absolute; left:0; top:0;}
.view-sec01.style02 .prd-img{
    width:50%;
}
.view-sec01 .prd-point .dot{position:absolute; display:block; width:29px; height:29px; border-radius:50%;background-image:url('/imgs/sub/ic-plus.png'); background-position:center center; background-repeat:no-repeat; background-color:#546670; z-index:2; cursor:pointer;  border:2px solid #ffff; transition:all ease .3s;} 
.view-sec01 .prd-point .dot:after{
	content:'';
	border:1px solid #546670;
  border-radius: 50%; 
  display: block;
	width:23px;
	height:23px;
  position: absolute;
  top:  0;
  left: 0; 
  transform: scale(1);
  transform-origin: center center;
  animation: 1200ms pulse forwards infinite .3s ease-in-out; 
  opacity: 0.8;
  z-index:1;} 
.view-sec01 .prd-point .dot:before{ 
	content:'';
	width:23px;
	height:23px;
	border:1px solid #546670;
  border-radius: 50%; 
  display: block; 
  position: absolute;
  top:  0;
  left: 0; 
  transform: scale(1);
  transform-origin: center center;
  animation: 1200ms pulse forwards infinite ease-in-out;
  opacity: 0;
  z-index:1;
  }
.view-sec01 .prd-point .dot.on{background-color:#ee2d34; z-index:3;  }
.view-sec01 .prd-point .dot.on:after{content:''; width:0; height:0; border:12px solid #ee2d34; position:absolute; left:50%; top:50%; margin-left:-14px; margin-top:-14px; border-radius:50%; z-index:-1; opacity:0; transition:all ease .3s; width:29px; height:29px; left:0; top:0; opacity:.2; animation:none;  } 
.view-sec01 .prd-point .dot.on:before{display:none}
.view-sec01 .prd-point .dot span{position:absolute; left:25px; top:3px; width:150px; padding-left:35px; opacity:0; transition:all ease .3s; text-shadow: -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff;  ;}
.view-sec01 .prd-point .dot span:after{content:''; width:5px; height:5px; background:#546670; border-radius:50%; position:absolute; left:20px; top:8px; }
.view-sec01 .prd-point .dot span:before{content:''; width:20px; height:1px; position:absolute; left:0; top:9px; border-bottom:1px dashed #546670; }
.view-sec01 .prd-point .dot.on span{opacity:1;}


@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  0% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}


/*
.mini-dot .view-sec01 .prd-point .dot{width:14px; height:14px; background-color:#548cab; border:none;}
.mini-dot .view-sec01 .prd-point .dot:after{display:none;}
.mini-dot .view-sec01 .prd-point .dot.on{background-color:#ee2d34; border:none;}
.mini-dot .view-sec01 .prd-point .dot span{display:none;}
*/


.view-sec01 .prd-title{  padding:70px 0 70px 50px;} 
.view-sec01 .prd-title.center-title{ padding:70px 0 0; max-width:1000px; margin:0 auto; text-align:center;} 
.view-sec01 .prd-title.center-title p{margin:0;}
.view-sec01 .prd-title h2{font-size:40px; margin:0 0 20px}
.view-sec01 .prd-title h3{font-size:22px; margin:0 0 15px; font-weight:500;}
.view-sec01 .prd-title p{font-size:17px; color:#666; font-weight:400;   word-break: keep-all;}
.view-sec01 .m-prd-tit p br{
    display: none;
}
.view-sec01 .m-prd-tit{display:none;} 
.view-sec01 .m-prd-tit h2{font-size:20px; margin:0 0 10px}
.view-sec01 .m-prd-tit p{font-size:14px; color:#666; font-weight:400; margin:0 0  ; word-break: keep-all;}
.view-sec01 .prd-title .line{width:100%; height:1px; background:#ddd; display:block; margin:20px 0 40px;}
.view-sec01 .m-prd-tit p br{display:none;}
.view-sec01 .prd-thum{display:none}
.view-sec01 .prd-thum.active{display:block;}
.view-sec01 .prd-thum ul {display:flex; flex-wrap:wrap;}
.view-sec01 .prd-thum ul li {cursor:pointer; width:32%; margin-right:2%; margin-bottom:20px; text-align:center;}
.view-sec01 .prd-thum ul li:nth-of-type(3n){margin-right:0;}
.view-sec01 .prd-thum ul li img{border:1px solid #ddd; }
.view-sec01 .prd-thum ul li p{margin:10px 0 0;}
.view-sec01 .prd-thum .tab-menu li a.active img{border:2px solid #546670; } 
.view-sec01 .prd-thum-wr.bg-gray .prd-thum .tab-menu li {background: #f4f4f4;}

/* 방위 */
.prd-gallery .prd-thum-wr{display:flex; flex-wrap:wrap; width: 100%; max-width: 660px;}
.prd-gallery .prd-thum{display:block; width:80px; margin-right:5px; margin-bottom:5px;}
.prd-gallery .prd-thum ul{}
.prd-gallery .prd-thum ul li{width:100%; margin:0;}
.prd-gallery .prd-thum ul li p{display:none;} 
.defense .view-sec02 .prd-item .wr{width:100%; align-items: flex-start; padding:10px;}
.defense .view-sec02 .prd-item-tit p.big{font-size:20px; margin:0 0 10px}
.defense .view-sec02 .prd-item-tit p{font-size:16px}
.defense .view-sec02 .prd-item-tit{padding:30px 0; width: calc(100% - 180px);}
.defense .view-sec02 .prd-item-img img{width:150px;} 
.defense .view-sec02 .prd-item:after{display:none;}

.gallery-thumbs {padding: 20px 150px; position: relative;}
.gallery-thumbs .swiper-wrapper{justify-content:center;}
.gallery-thumbs .swiper-slide{border:1px solid #ddd;}
.gallery-thumbs .swiper-button-next{background:url('/imgs/sub/slider-arr-next.jpg') 0 0; right:0} 
.gallery-thumbs .swiper-button-prev{background:url('/imgs/sub/slider-arr-prev.jpg') 0 0; left:0} 
.gallery-thumbs .swiper-button-next, 
.gallery-thumbs .swiper-button-prev{width:40px; height:40px;}
.gallery-thumbs .swiper-button-next:after, 
.gallery-thumbs .swiper-button-prev:after{display:none;}  
.gallery-thumbs .swiper-button-next.swiper-button-disabled, 
.gallery-thumbs .swiper-button-prev.swiper-button-disabled{opacity:0;}

@media (max-width:1440px) {
    .view-sec01 .prd-title h2{
        font-size:35px
    }
}

@media (max-width:1280px) {
    .view-sec01 > .wr{
        flex-direction: column;
    }
	.prd-gallery{
		width: 100%;
		margin:0 auto;
	}
	.prd-gallery .prd-thum-wr{
		max-width:100%;
	} 
    .view-sec01.style02 .prd-img{
        width:100%;
    }
    .view-sec01 .prd-title{
        padding:50px 0 0;
    }
    .view-sec01 .prd-title h2{
        font-size:30px
    }
	.view-sec01 .prd-thum{
		display:block;
	}
	.mini-dot .view-sec01 .prd-thum{
		
	}
    .view-sec01 .prd-thum ul li{
        width:22.75%;
        margin-right:3%;
    }
	.view-sec01 .prd-thum ul li img{width:100%;}
    .view-sec01 .prd-thum ul li:nth-of-type(3n){
        margin-right:3%;
    }
    .view-sec01 .prd-thum ul li:nth-of-type(4n){  
        margin-right:0;
    }

	.defense .view-sec01 .prd-thum ul li{width:100%;  margin-right:0;}
}

@media (max-width:768px) { 
	.view-sec01 .prd-img{max-width:100%; width:100%;}
	.prd-gallery .prd-thum-wr{max-width:100%;}
	.view-sec01{
		padding:20px 0;
	}
    .view-sec01 .prd-title h2{
        font-size:25px;
    }
    .view-sec01 .prd-thum ul li{
        width:32%;
        margin-right:2%;
    }
    .view-sec01 .prd-thum ul li:nth-of-type(3n){
        margin-right:0%;
    }
    .view-sec01 .prd-thum ul li:nth-of-type(4n){
        margin-right:2%;
    }
    .view-sec01 .prd-point .dot{
        width:15px;
        height:15px; 
		z-index: 3;
		background-size: 7px;
    }
	.view-sec01 .prd-point .dot:before{
		width: 9px;
		height: 9px;
	
	}
	.view-sec01 .prd-point .dot:after{
		width: 9px;
		height: 9px;
	
	}
	/*
	.view-sec01 .prd-point .dot:after {
		width: 21px;
		height: 21px;
		margin-top: -14px;
		margin-left: -14px;
		left: 0;
		top: 0;
		opacity: .2;
	}
	*/
    .defense .view-sec01 .prd-thum{
        width:18.4%;
        margin-right:2%;
		margin-bottom:2%;
    }
    .defense .view-sec01 .prd-thum:nth-of-type(5n){
		margin-right:0;
	}
    .gallery-thumbs{
        padding: 20px 100px;
    } 
	.view-sec01 .prd-point .dot.on:after{width:15px; height:15px;  margin-top:-10px; margin-left:-10px; border: 8px solid #ee2d34; }  
	.view-sec01 .prd-point .dot span{opacity:1; font-size:12px; left:0; top:0; padding-left:22px; display:none;}
	.view-sec01 .prd-point .dot span:before,
	.view-sec01 .prd-point .dot span:after{display:none;}
	.view-sec01 .prd-point .dot.on span{ display:block;}

	.defense .view-sec01 .prd-point .dot.on span{display:none;}
	
	.defense .view-sec02 .prd-item-img img{width:250px;}
	.view-sec01 .pc-prd-tit{display:none;}
	.view-sec01 .m-prd-tit{display:block;}
	.view-sec01 .prd-title.center-title,
	.view-sec01 .prd-title{padding:0; width:100%;}
	
	.view-sec01 .prd-title .line{margin:0 0 15px; background:#fff;}

	.view-sec01 .prd-title h3{font-size:16px; }

	.view-sec01.style02 .m-prd-tit{margin: 0 0 20px;}
	.view-sec01.style02 .prd-img img{max-height:200px;}
 
}
@media (max-width:375px) {
    .gallery-thumbs{
        padding: 20px 50px;
    }
	.view-sec01 .prd-title p{
		font-size:14px;
	}
}

/* view layout 02 */  
.view-sec02 .tab{ display: none;} 
.view-sec02 .tab.active{ display: block;}
.view-sec02 .prd-item:after{content:''; width:35px; height:20px; background:url(/imgs/sub/prd-bg-arr.png) 0 0; position:absolute; left:50%; margin-left:-17.5px; top:-20px; }
.view-sec02 .prd-item{background:#f4f4f4; padding:  0; position:relative;}
.view-sec02 .prd-item .wr{display:flex; align-items: center; justify-content: space-between;}
.view-sec02 .prd-item-tit{  margin-right:20px; max-width:650px; padding:100px 0;}
.view-sec02 .prd-item-tit b{display:block; font-size:20px; color:#ee2d34;}
.view-sec02 .prd-item-tit p.big{font-size:60px; color:#333; font-weight:600; margin:0 0 20px}
.view-sec02 .prd-item-tit p{color:#666; font-size:18px; font-weight:400;}
.view-sec02 .prd-item-tit h4{font-size:20px; color:#61727b; margin:50px 0 0;}
.view-sec02 .prd-item-img{flex:1; text-align: center; max-width:540px;}
.view-sec02 .prd-app{display:flex; flex-wrap: wrap; margin:30px 0 0; }
.view-sec02 .prd-app li{width:17.6%; margin-right:3%; margin-bottom:3%; text-align: center;}
.view-sec02 .prd-app li:nth-of-type(5n){margin-right:0;}
.view-sec02 .prd-app li p{margin:10px 0 0; text-align: center;}
.view-sec02 .prd-count{flex:1; background:#333; padding:30px; color:#fff;}
.view-sec02 .prd-count ul{display:flex; justify-content:center;}
.view-sec02 .prd-count ul li{text-align:center; padding:0 80px; border-right:1px solid #444;}
.view-sec02 .prd-count ul li:last-child{border-right:0;}
.view-sec02 .prd-count ul li b{color:#aaa; font-weight:400;}
.view-sec02 .prd-count ul li p{font-size:32px; margin:10px 0 0;}

@media (max-width:1440px) {
    .view-sec02 .prd-item-tit p.big{
        font-size:50px;
    }
    .view-sec02 .prd-count{
        padding:30px 0;
    }    
}
@media (max-width:1280px) {
    .view-sec02 .prd-item-tit{
        max-width:400px;
    }
    .view-sec02 .prd-app li{
        width:32%;
        margin-right:2%;
        margin-bottom:20px;
    }
    .view-sec02 .prd-app li:nth-of-type(3n){
        margin-right:0;
    }
	.view-sec02 .prd-item-tit{
		max-width:100%;
	}
    .view-sec02 .prd-app li:nth-of-type(5n){
        margin-right:2%;
    }
}
@media (max-width:1023px) {
    .view-sec02 .prd-item{ 
    }
    .view-sec02 .prd-item .wr{
        flex-direction: column;
    }
    .view-sec02 .prd-item-tit{
        max-width:100%;
    }
	.view-sec02 .prd-item-img{
		width:100%;
		max-width:100%;
	}
	.defense .view-sec02 .prd-item-img{
	
	}
	.defense .view-sec02 .prd-item-tit{
		width:100%;
	}
    .view-sec02 .prd-item-tit b{
        font-size:18px;
        text-align: center;
    }
    .view-sec02 .prd-item-tit p.big{
        font-size:40px;
        text-align: center;
    }
    .view-sec02 .prd-item-tit p{
        text-align: center;
    }
    .view-sec02 .prd-item-tit h4{
        text-align: center;
    }
    .view-sec02 .prd-app li{
        width:17.6%; 
        margin-right:3%;
    }
    .view-sec02 .prd-app li:nth-of-type(3n){
        margin-right:3%;
    }
    .view-sec02 .prd-app li:nth-of-type(5n){
        margin-right:0%;
    }
    .view-sec02 .prd-item-tit h4{
        margin-top:30px;
    }
    .view-sec02 .prd-count ul li{
        padding:0 40px;
    }
    .view-sec02 .prd-count ul li p{
        font-size:28px;
    }
}
@media (max-width:768px) { 
    .view-sec02 .prd-item-tit b{
        font-size:16px;
    }
    .view-sec02 .prd-item-tit p.big{
        font-size:24px;
    }
    .view-sec02 .prd-app li{
        width:22.75%;
        margin-right:3%;
    }
    .view-sec02 .prd-app li:nth-of-type(4n){
        margin-right:0;
    }
    .view-sec02 .prd-app li:nth-of-type(5n){
        margin-right:3%;
    }
    .view-sec02 .prd-item-tit{
        margin-right:0;
		padding: 50px 0 0;
    }
    .view-sec02 .prd-count ul{
        flex-direction: column;
    }
    .view-sec02 .prd-count {
        padding:0 5%;
    }
    .view-sec02 .prd-count ul li{
        padding:20px 0;
        border-right:none;
        border-bottom:1px solid #444;
    }
    .view-sec02 .prd-count ul li:last-of-type{
        border-bottom:none
    }
    .view-sec02 .prd-count ul li p{
        font-size:22px;
    }
}

@media (max-width:768px) { 
    .view-sec02 .prd-app li{
        width:32%; 
        margin-right:2%;
    }
    .view-sec02 .prd-app li:nth-of-type(3n){
        margin-right:0%;
    }
    .view-sec02 .prd-app li:nth-of-type(4n){
        margin-right:2%;
    }
    .view-sec02 .prd-app li:nth-of-type(5n){
        margin-right:2%;
    }
    .view-sec02 .prd-app li p{
        font-size:16px;
    }
	.view-sec02 .prd-item-tit p{
        font-size:14px;
    }
}

@media (max-width:768px) { 
    .view-sec02 .prd-app li{
        width:32%; 
        margin-right:2%;
    }
    .view-sec02 .prd-app li:nth-of-type(3n){
        margin-right:0%;
    }
    .view-sec02 .prd-app li:nth-of-type(4n){
        margin-right:2%;
    }
    .view-sec02 .prd-app li:nth-of-type(5n){
        margin-right:2%;
    }
}

@media (max-width:375px) { 
    .view-sec02 .prd-app li{
        width:48.5%; 
        margin-right:3%;
    } 
    .view-sec02 .prd-app li:nth-of-type(5n){
        margin-right:3%;
    }
    .view-sec02 .prd-app li:nth-of-type(3n){
        margin-right:3%;
    }
    .view-sec02 .prd-app li:nth-of-type(2n){
        margin-right:0%;
    }
    .view-sec02 .prd-app li:nth-of-type(4n){
        margin-right:0%;
    } 
}


/* view layout 03 */  
.view-sec03 ul{display:flex; flex-wrap:wrap;}
.view-sec03 ul li{width:33.33%; padding:40px 30px; border-right:1px solid #ddd; position:relative;}
.view-sec03 ul li:last-child{border-right:0;}
.view-sec03 ul li h3{font-size:22px; color:#546670; margin:0 0 20px; line-height:1.3;} 
.view-sec03 ul li:first-child{padding-left:0;}
.view-sec03 ul li:first-child:nth-last-child(4),                   
.view-sec03 ul li:first-child:nth-last-child(4)~li { width: 25%; }  
.view-sec03 ul li:first-child:nth-last-child(5),                   
.view-sec03 ul li:first-child:nth-last-child(5)~li { width: 20%; }  


.view-sec03 ul li .num{color:#546670; opacity:.1; position:absolute; right:50px; top:0; z-index:-1; font-size:80px; line-height:1; font-weight:600;}
.view-sec03 ul li p{position:relative; padding-left:15px; margin:5px 0; font-weight:400; color:#666;}
.view-sec03 ul li p:after{content:''; width:4px; height:4px; background:#546670; border-radius:50%; position:absolute; left:0; top:10px;} 
.view-sec04 .drag-icon {display:none;}

@media (max-width:1023px) {
    .view-sec03{
		margin-top:80px;
        margin-bottom:50px;
    }
    .view-sec03 ul{
        flex-direction: column;
    }
    .view-sec03 ul li{
        width:100%;
        padding:60px 40px;
        border-right:none;
        border-bottom:1px solid #ddd;
    }
	.view-sec03 ul li:first-child:nth-last-child(5), .view-sec03 ul li:first-child:nth-last-child(5)~li,
	.view-sec03 ul li:first-child:nth-last-child(4), .view-sec03 ul li:first-child:nth-last-child(4)~li{width:100%;}
    .view-sec03 ul li:last-of-type{
        border-bottom:none;
    }
    .view-sec03 ul li .num{
        font-size:60px;
        right:inherit;
        left:0;
        top:30px;
    }
}

@media (max-width:768px) {
	.view-sec03 ul li .num{
		top:10px;
		font-size: 50px;
	}
    .view-sec03 ul li{ 
        padding:30px 20px; 
    }
	.view-sec03 ul li:first-child{
		padding:20px;
	} 
	.view-sec03 ul li h3{
		font-size:17px;
	}
    .view-sec03 ul li p{
		font-size:14px;
	}
}

/* view layout 04 */  
.view-sec04{margin:100px 0;}
.tb-spec{border-top:2px solid #333;  width:100%;} 
.tb-spec th{background:#f8f8f8; padding:15px; border:1px solid #ddd; font-weight:500;}
.tb-spec td{padding:15px; border:1px solid #ddd; text-align:center; color:#666; font-size:15px;  }
.tb-spec th:first-child{border-left:0;}
.tb-spec th:last-child{border-right:0;}
.tb-spec td:first-child{font-weight:500; border-left:0;}
.tb-spec td:last-child{border-right:0;}
.infotxt{margin:10px 0 0; font-size:15px;}

@media (max-width:1023px) {
    .view-sec04{
        margin:50px 0;
    }
}

@media (max-width:768px) {
	.tb-spec{
		font-size:13px 
	}
	.tb-spec td{
		padding:10px;
		font-size:12px;
	}
    
    .view-sec04 .drag-img{
		width:100%; 
		overflow:auto;
	} 
    .view-sec04 .drag-icon {
        display:block;
        position:relative;
        z-index:1;
    }

    .view-sec04 .drag-icon img {
        width: 30px;
        height: 26px;
        position: absolute;
        right: 0;  
		top:-46px;
        transform: translate3d(-40px, 0, 0);
        animation:guide 1.3s ease-in-out infinite;
        -ms-animation:guide 1.3s ease-in-out infinite;
        -webkit-animation-delay:1s;
        -moz-animation-delay:1s;
        -o-animation-delay:1s;
        animation-delay:0.5s;
        animation-direction: alternate;}

    @keyframes guide {
        0% {
            transform: translate3d(-40px, 0, 0);
        }
        100% {
            transform: translate3d(0px, 0, 0);
        }
    }
}
 
/* view layout 05 */  
.view-sec05{margin:100px 0;}
.view-sec05 .prd-view-special{display:flex; align-items: flex-start; justify-content:space-between;}
.view-sec05 .prd-view-special .view-slider{flex-shrink:0; width:585px; margin-right: 50px; padding:0 0 30px; margin-left:0;}
.view-sec05 .prd-view-special .swiper-container-horizontal>.swiper-pagination-bullets, .view-sec05 .prd-view-special .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}
.view-sec05 .prd-view-special .swiper-pagination-bullet{border-radius:0;}
.view-sec05 .prd-view-special .swiper-pagination-bullet-active{background:#ed1b23; width:50px}

.view-sec05 .prd-view-special .swiper-slide{border:1px solid #ddd; text-align:center;}
.view-sec05 .prd-view-special .view-slider-cont{width:49%; border-top:2px solid #546670;}
.view-sec05 .prd-view-special .view-slider-cont li{border-bottom:1px solid #ddd; padding:20px; position:relative; padding-left:200px;}
.view-sec05 .prd-view-special .view-slider-cont li b{position:absolute; top:20px; left:20px; font-size: 1.06em; max-width:160px;}
.view-sec05 .prd-view-special .view-slider-cont li p{color:#666; font-weight:400; margin:0 0 5px; position:relative; padding-left:15px}
.view-sec05 .prd-view-special .view-slider-cont li p:after{content:''; width:3px; height:3px; border-radius:50%; background:#ed1b23; position:absolute; left:0; top:10px;}

@media (max-width:1440px) {
    .view-sec05 .prd-view-special .view-slider{
        width:450px;
    }
    .view-sec05 .prd-view-special .view-slider-cont li{
        padding-left:100px;
    }
}

@media (max-width:1024px) {
    .view-sec05 .prd-view-special .view-slider-cont li{
        padding-left:10px;
    }
	.prdouct-dp .view-sec05 .prd-view-special .view-slider-cont li{
		padding:20px;
        padding-left:10px;
    }
	.prduct-nf .view-sec05 .prd-view-special .view-slider-cont li{
		padding:20px;
        padding-left:10px;
    }
    .view-sec05 .prd-view-special .view-slider-cont li b{
        display: block;
        position:static;
        margin-bottom:10px;
    }
}
@media (max-width:1023px){
    .view-sec05{
        margin:30px  0;
    }
    .view-sec05 .prd-view-special .view-slider{
        width:100%;
    }
    .view-sec05 .prd-view-special{
        flex-direction: column;
    }
    .view-sec05 .prd-view-special .view-slider{
        padding-bottom:50px;
        margin-right:0;
        margin-bottom:50px;
    }
    .view-sec05 .prd-view-special .swiper-slide{
        padding:0 ; 
    }
    .view-sec05 .prd-view-special .view-slider-cont{
        width:100%;
    }  
	.view-sec05 .prd-view-special .view-slider-cont li p{
		font-size:14px;
	}
	.prdouct-dp .view-sec05 .prd-view-special .view-slider-cont li p{
		font-size:14px;
	}
} 
@media (max-width:768px){
    .view-sec05{
        margin:  30px 0 0;
    } 
	.view-sec05 .prd-view-special .view-slider{
		padding-bottom:30px;
		margin-bottom:30px;
	}
} 

/* basic table */
.tb-basic{  width:100%; text-align:center;}
.tb-basic th{ padding:20px; border-bottom:1px solid #ddd; padding:20px; background:#f4f4f4}
.tb-basic td{border-bottom:1px solid #ddd; padding:20px;  }
.tb-basic th:not(:last-child){border-right:1px solid #ddd;}
.tb-basic td:not(:last-child){border-right:1px solid #ddd;}

@media (max-width:768px) {
    .tb-basic th,
    .tb-basic td{
        font-size:13px;
		padding:10px 5px;
    }
}


/** ESG **/
.esg {padding: 100px 0 150px;}

.esg ul.numbered-contents{display:flex; flex-wrap:wrap;}
.esg ul.numbered-contents li{width:33.33%; padding:40px 30px; border-right:1px solid #ddd; position:relative;}
.esg ul.numbered-contents li:last-child{border-right:0;}
.esg ul.numbered-contents li h3{font-size:22px; text-align: center; color:#546670; margin:0 0 20px; line-height:1.3;}
.esg ul.numbered-contents li:nth-child(3n) {border-right: 0}
.esg ul.numbered-contents li .num{color:#546670; opacity:.1; position:absolute; right:50px; top:0; z-index:-1; font-size:80px; line-height:1; font-weight:600;}
.esg ul.numbered-contents li p{position:relative; padding-left:15px; margin:5px 0; font-weight:400; color:#666; text-align: justify; word-break: break-all;}

.esg ul.image-list {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 24px;}
.esg ul.image-list li {width: calc(100% / 6 - 10px); margin-right: 12px;}
.esg ul.image-list li:nth-child(6n) {margin-right: 0;}
.esg ul.image-list li img {width: calc(100% - 2px); border: 1px solid #444;}

.esg .environment-policy-intro { margin: 0 auto; font-size: 18px; text-align: justify; }
.esg .quality-policy-intro { margin: 0 auto 24px; font-size: 18px; text-align: justify; }

.esg .cyber-report-tab{width:100%; display:flex; justify-content:center; align-items:end; margin: 0 0 50px;}
.esg .cyber-report-tab li{display:inline-block; width:48%; max-width:300px; border-bottom:1px solid #ddd; text-align:center; position:relative;}
.esg .cyber-report-tab li.active{border-bottom:2px solid #333;}
.esg .cyber-report-tab li.active a{height:58px; color:#333; font-weight:500;}
.esg .cyber-report-tab li:after{content:''; width:1px; height:15px; background:#ccc; position:absolute; right:0; top:23px;}
.esg .cyber-report-tab li:last-child:after{display:none;}    
.esg .cyber-report-tab li a{color:#aaa; font-size:18px; display:flex;align-items:center; padding:15px 10px; height:60px; justify-content:center; font-weight:300;}

.esg ul{margin:10px 0 20px;}
.esg ul.left-indent {margin-left: 10px;}
.esg ul.left-indent a {color: #ed1b23; vertical-align: baseline; }
.esg ul > li{color:#666; font-weight:400; line-height:1.8; margin:5px 0; }  
.esg ul.num > li{padding-left:35px; text-indent:-15px;  }  
.esg ul.num > li .dot > li{text-indent:0}
.esg ul.num > li p{margin:0; text-indent:0}

.esg h3:first-child{margin-top:0;}
.esg h3{font-size:24px; font-weight:500; margin:50px 0 10px; color:#000; text-align:left;}
.esg .logo_img {
    width: 240px;
}
/*.esg h3:after{content:''; display:block; width:100%; height:1px; background:#ddd; margin:10px 0 20px;}*/


.esg.esg_management .btn-wr {
    margin: 30px 0 0;
    text-align: left;
    display: flex;
    gap: 0 20px;
}
.esg.esg_management .btn-wr a {
    text-align: center;
    margin: 0;
}
.esg.esg_management .sub-cont-title {
    margin-bottom: 0;
}
.esg.esg_management .environment-policy-intro {
    color: #666;
    font-weight: 400;
}
.esg.esg_management .view-tit.mt100 + .img_wrap {
    margin-top: 10px;
} 
.esg.esg_management .img_wrap {
    margin-top: 30px;
}
.esg.esg_management .esg_management_container {
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}
.esg.esg_management .esg_management_container .esg_management_item {
    position: relative;
    display: flex;
    gap: 0 60px;
}
.esg.esg_management .esg_management_container li .img_wrap {
    margin-top: 0;
    width: 480px;
    aspect-ratio: 500/306;
    background-color: black;
}
.esg.esg_management .esg_management_container li .img_wrap img {
    width: 100%;
}
.esg.esg_management .esg_management_container li .content_wrap {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}
.esg.esg_management .esg_management_container li .content_wrap .content_title {
    font-family: NanumSquare;
    font-size: 32px;
    color:black;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    letter-spacing: 0;
}
.esg.esg_management .esg_management_container li .content_wrap .content_title:last-of-type{
    margin-top: 20px;
}
.esg.esg_management .esg_management_container li .content_wrap .content_title.color{
    color:#005EB8
}
.esg.esg_management .esg_management_container li .content_wrap .content_description {
    margin-top: 60px;
    font-family: NanumSquare;
    font-size: 17px;
    color:black;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    letter-spacing: 0;
}
.esg.esg_management .esg_management_container li .content_wrap .btn_group{
    margin-top: 30px;
    display: flex;
    align-self: flex-start;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
}

@media (max-width: 768px){
    .pc_br{
        display: none;
    }
    .esg.esg_management{
        padding: 60px 0 80px;
    }
    .esg.esg_management .environment-policy-intro{
        text-align: left;
        font-size: 16px;
    }
    .esg.esg_management .view-tit {
        margin-top: 40px;
    }
    .esg.esg_management .img_wrap.scrollable {
        overflow: auto;
    }
    .esg.esg_management .img_wrap.scrollable img {
        max-width: none;
        height:450px;
    }
    .esg.esg_management .img_wrap{
        margin-top: 20px;
    }
    .esg.esg_management .esg_management_container{
        gap: 70px 0;
    }
    
    .esg.esg_management .esg_management_container .esg_management_item{
        flex-direction: column;
    }
    .esg.esg_management .esg_management_container .esg_management_item::after{
        height: 75%;
    }
    .esg.esg_management .esg_management_container li .img_wrap{
        width: 100%;
    }
    .esg.esg_management .esg_management_container li .content_wrap{
        margin-top: 20px;
    }
    .esg.esg_management .esg_management_container li .content_wrap .content_title{
        font-size: 20px;
    }
    .esg.esg_management .esg_management_container li .content_wrap .content_title:last-of-type{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .esg.esg_management .esg_management_container li .content_wrap .content_description{
        margin-top: 20px;
        font-size: 15px;
    }
    .esg.esg_management .btn-wr{
        margin-top: 20px;
        margin: 20px 0 0;
        padding:0;
        gap: 10px;
    }
    .esg.esg_management .btn-wr a {
        flex:1;
        width: auto !important;
        max-width: none;
    }
    .esg .logo_img{
        width: 140px;
    }
}

/** news **/
.news{margin:100px 0;}
.news-top p{color:#666; font-weight:400;}
.news-top b{color:#e60012;}
.news-top{display:flex; justify-content:space-between; align-items: flex-end;}
.news-sch{display:flex;  margin:0 0 5px}
.news-sch select{line-height:40px; height:40px;  width:100px; border:0; border-bottom:1px solid #ddd; margin-right:10px;  text-indent:5px; background-image: url('/imgs/select_bt_on.png');  background-repeat: no-repeat;  background-position:right 15px center; font-size:15px;}
.news-sch .sch-box{line-height:40px; height:40px;  width:200px; border:0; border-bottom:1px solid #ddd; display:flex; }
.news-sch .sch-box input{border:0; font-size:15px;}
.news-sch .sch-box input[type="submit"]{width:40px; height:40px; background:url('/imgs/sub/ic-search.png') no-repeat center center; text-indent:-9999px}
.news-list ul{display:flex; flex-wrap:wrap; border-top:2px solid #546670; margin:20px 0; padding:40px 0;}
.news-list li{width:22.75%; margin-right:3%; }
.news-list li:nth-child(4n){margin-right:0;}
.news-list li .img{width:100%; padding-bottom:100%; position:relative; transition:all ease .3s; background-size:cover; background-position:center center; overflow:hidden; background-color: #546670;}
.news-list li .img span{position:absolute; width:100%; height:100%; top:0; left:0; background-size:cover; background-position:center center; transition:all ease .6s;}
.news-list li .img:hover span{transform:scale(1.05); opacity:.5;}
.news-list li .news-tit{font-size:20px; padding:20px 0 50px;  }
.news-list li .news-tit .sbj{margin:0 0 20px; height:56px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.news-list li .news-tit .date{font-size:16px; color:#999; font-weight:400; }

/*뷰페이지*/
.news-view .view-hd{border-top:2px solid #333; border-bottom:1px solid #333; padding:30px;}
.news-view .view-hd h3{font-size:30px; font-weight:500;}
.news-view .view-hd p{font-size:16px; color:#666; font-weight:400; margin-top:10px;}
.news-view .view-content{padding:30px; border-bottom:1px solid #333;}
.news-view .view-content p, .news-view .view-content span {font-family: 'Roboto','Noto Sans KR', sans-serif !important; font-size: 1.0625rem !important; line-height: normal !important; text-align: inherit !important; text-indent: inherit !important;}
.news-view .view-content a { color: #666;}
.news-view .view-bt{display:flex; justify-content:space-between;  padding:30px 0; }
.news-view .view-bt a{ color:#666; font-weight:400;  letter-spacing:1px; font-size:14px}
.news-view .view-bt i{border:1px solid #333; padding:10px; vertical-align:baseline; font-size:18px; font-weight:300; color:#333;}
.news-view .view-bt .view-prev i{margin-right:20px;}
.news-view .view-bt .view-next i{margin-left:20px;}
.news-view .view-bt a:hover i{color:#ed1b23; border-color:#ed1b23;}
.news-view .view-btn{text-align:center;}
.news-view .view-btn a{display:inline-block; width:50%; max-width:250px; height:60px; line-height:60px; border:2px solid #546670; color:#546670;transition:all ease .3s;}
.news-view .view-btn a:hover{border-color:#ee2d34; color:#ee2d34;} 



@media (max-width:1440px){
    .news-view .view-hd,
    .news-view .view-content{
        padding:20px;
    }
    .news-view .view-hd h3{
        font-size:24px;
    }
}

@media (max-width:1024px){
    .news-view .view-btn a{ 
        font-size:15px;
    }
    .news-view .view-hd p{
        font-size:14px;
    }
}

@media (max-width:768px){
    .news-view .view-hd h3{
        font-size:22px;
    }
   .news-list li .news-tit .date{
	font-size:14px;
   }
	.news-list li .news-tit{
		padding:10px 0 30px
	}
	.news-view .view-content{
		font-size:.9em;
	}

	.news-list ul{margin-bottom:0; padding-bottom:0;}
	
	.esg .cyber-report-tab{margin:30px 0;}
	.esg .cyber-report-tab li a{font-size: 14px; padding:10px 5px;}	
}

/* paging */
.paging-box{  display:flex;  justify-content: center;  align-items: center;   width:100%;}
.paging-box .paging-list{  display:flex;   align-items: center;}
.paging-box .paging-list a{  line-height:1;  color:#333;   font-size:16px; font-weight:400;}
.paging-box .paging-list a.on{    color:#ed1b23;}
.paging-box .paging-list li {  padding:10px;}
.paging-box .prev-bt{    margin-right:10px;}
.paging-box .prev-bt .all{    margin-right:10px;}
.paging-box .next-bt{    margin-left:10px;}
.paging-box .next-bt .all{    margin-left:10px;}
.paging-box .prev-bt a {vertical-align:middle;}

/** promotion **/
.promotion{margin:100px 0;}
.media-list ul{display:flex; flex-wrap:wrap; margin:20px 0; }
.media-list li:first-child{width:100%; margin-right:0;}
.media-list li{width:31.33%; margin-right:3%; }
.media-list li:nth-child(3n+1){margin-right:0;}
.media-list li .img{width:100%; padding-bottom:56.52%; background-size:cover; background-position:center center; position:relative;}
.media-list li .img iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.media-list li .news-tit{font-size:20px; padding:20px 0 50px;  }
.media-list li .news-tit .sbj{margin:0 0 20px; height:56px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.media-list li .news-tit .date{font-size:14px; color:#666; font-weight:400; }

@media (max-width:1440px){
    .news-list li .news-tit .sbj{
        font-size:18px;
    }
    .media-list li .news-tit .sbj{
        font-size:18px;
    }
}
@media (max-width:1023px) {
    .news{
        margin:50px 0;
    }
    .news-list li {
        width:32%;
        margin-right:2%;
    }
    .news-list li:nth-of-type(3n){
        margin-right:0%;
    }
    .news-list li:nth-of-type(4n){
        margin-right:2%;
    }
    .news-list li .news-tit .sbj,
    .media-list li .news-tit .sbj{
        font-size:16px;
        height:auto;
    }
}
@media (max-width:768px) {
    .news-top{
        flex-direction: column;
    }
    .news-sch{
        order:1;
        flex-direction: column;
        width:100%;
        margin-bottom:30px;
    }
    .news-sch .sch-box input{
        width:100%;
    }
    .news-top p{
        order:2;
        flex-shrink: 0;
        font-size:14px;
        margin-right:10px;
    }
    .news-sch select{
        width:100%;
        margin-right:0;
    }
    .news-sch .sch-box{
        width:100%;
    }
    .news-list li {
        width:48.5%;
        margin-right:3%;
    }
    .news-list li:nth-of-type(3n){
        margin-right:3%;
    }
    .news-list li:nth-of-type(4n){
        margin-right:0%;
    }
    .news-list li:nth-of-type(2n){
        margin-right:0%;
    }
    .media-list li{
        width:48.5%;
        margin-right:3%;
    }
    .media-list li:nth-child(2),
    .media-list li:nth-child(4),
    .media-list li:nth-child(6){
        margin-right:3%;
    }
    .media-list li:nth-child(3),
    .media-list li:nth-child(5){
        margin-right:0;
    }

	.promotion{
		margin:50px 0;
	}

	.media-list li .news-tit{
		padding: 20px 0 40px;
	}

}




/** performance **/
.performance > div{padding:100px 0;}
.performance .pfm-tit{display:flex; justify-content:space-between; align-items:flex-end; margin:0 0 30px}
.performance .pfm-tit h2{font-size:36px;}
.performance .pfm-tit p{color:#999; font-weight:400;} 
.performance .sec-yearly .cont{padding:30px 0}
.performance .sec-yearly .mobile{display:none;}
.performance .sec-composition{background:#f4f4f4}
.performance .sec-composition .cont{display:flex; justify-content:center; flex-wrap: wrap; align-items:center; background:#fff; border:1px solid #ddd;padding:30px 0 }
.performance .sec-composition .cont img{margin:50px;} 
.performance .sec-structure .cont ul{display:flex; flex-wrap:wrap; }
.performance .sec-structure .cont ul li{border:1px solid #ddd; width:32%; padding:30px; margin-right:2%; display:flex; justify-content:space-between; align-items:center;}
.performance .sec-structure .cont ul li:last-child{margin-right:0;}
.performance .sec-structure .cont ul li p{font-size:18px; font-weight:600;}
.performance .sec-structure .cont ul li strong{font-size:40px; color:#ed1b23; vertical-align:baseline; margin:0 5px}


@media (max-width:1440px){ 
}
@media (max-width:1023px) { 
}
@media (max-width:768px) { 
	.performance > div{padding:50px 0;}
	.performance .pfm-tit{margin:0 0 20px}
	.performance .pfm-tit h2{font-size:24px}
	.performance .pfm-tit p{font-size:14px;}
	.performance .sec-yearly .pc{display:none;}
	.performance .sec-yearly .mobile{display:block;}
	.performance .sec-composition .cont{padding:20px}
	.performance .sec-composition .cont img{margin:20px 0;}
	.performance .sec-structure .cont ul li{width:100%; margin-right:0; margin-bottom:10px; padding:20px}
	.performance .sec-structure .cont ul li p{font-size:16px;}
	.performance .sec-structure .cont ul li strong{font-size:30px;}
	.performance .sec-structure .cont ul li img{width:60px;}

}





/** complete **/
.complete{padding:100px 0; text-align:center;}  
.complete h4{font-size:30px; margin:30px 0;}
.complete p{line-height:2; font-size:18px;  font-weight:400;} 
.complete p a{vertical-align:baseline; border-bottom:1px solid #546670; color:#546670; margin:0 5px;}
.complete .gohome{display:block; width:90%; margin:50px auto; padding:15px; background:#546670; color:#fff; text-align:center  ; max-width:200px; transition:all ease .3s;}
.complete .gohome:hover{background:#ed1b23;}

@media (max-width:1023px) { 
}
@media (max-width:768px) { 
	body{word-break: keep-all;}
	.complete{padding:50px 0 50px;}
	.complete h4{font-size:18px; margin:30px 0 10px;}
	.complete p{font-size:14px;}
	.complete p br{display:none;}
	.complete .gohome{margin:30px auto ; font-size:14px;}
}

@media (max-width:768px) { 
}

/** inquiry **/
.inquiry{padding:100px 0;}  
.inquiry  .form-box{
    border-top:2px solid #546670;
    margin-bottom:3rem;
}
.inquiry  .form-box .item {
    display: flex;
    align-items: center;
    width:100%;
    padding:20px;
    border-bottom:1px solid #ddd;
}
.inquiry  .form-box .item dt{
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position:relative;
    width:180px;
    padding-left:10px;
    font-size:17px;
}
.inquiry .form-box .item dt.required::after{
    content:"*";
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:4px; 
    border-radius: 50%;
    color: #ed1b23;
	font-size:14px;
	line-height:1;
}
.inquiry  .form-box .item dd{
    width:100%;
}
.inquiry .form-box .item input,
.inquiry .form-box .item select{ 
    border:0; 
	background:#f4f4f4;
    box-sizing: border-box;
	height:45px; 
	font-size:15px
}
.inquiry .form-box .item input::placeholder{
    color:#999;
    font-size:15px;
}
.inquiry .form-box .item.cate select{
    width:450px;
    padding:10px; 
    background-image: url('/imgs/select_bt_on.png');
    background-repeat: no-repeat;
    background-position: center right 20px; 
}
.inquiry .form-box input{
	font-size:15px;}
.inquiry .form-box .item.name input{
    width:450px;
    padding:10px; 
}
.inquiry .form-box .item.info input.info1{
    width:450px;
    padding:10px;
    margin-right:5px;
}
.inquiry .form-box .item.info input.info2{
    width:190px;
    padding:10px;
}
.inquiry .form-box .item.tel input{
    width:450px;
    padding:10px;
}
.inquiry .form-box .item.title{
    margin-bottom:0;
}
.inquiry .form-box .item.title input{
    width:100%;
    padding:10px;
}
.inquiry .form-box .item.cont textarea{
    width:100%;
    height:250px;
    border:1px solid #ddd; 
	font-size:15px;
	padding:20px;
}
.inquiry .form-box .item.file p{
	font-size:14px; 
	color:#666;
	font-weight:400;
	margin:10px 0 0;
}
.filebox input[type="file"] {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0; } 
.filebox{ width:100%; margin:0 0 10px;  position:relative;  }
.filebox label { background:#aaa; color:#fff; width:150px;  text-align:Center; height:45px; line-height:45px; display:inline-block; vertical-align:middle; cursor:pointer; transition:all ease .3s;} 
.filebox label:hover{background:#333;}
.filebox .upload-name {width:450px; padding:0 10px; height:43px; line-height:43px;   background-color: #fff;border: 1px solid #ddd; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:16px; margin:5px 0;} 


.inquiry .privacy-box{margin:50px 0 ; }
.inquiry .privacy-box p{ font-size:20px; }
.inquiry .privacy-box textarea{width:100%; height:200px; border:1px solid #ddd; padding:20px; margin:20px 0; font-size:15px;}
.inquiry .policy{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.inquiry .policy input{
    display:none;
}
.inquiry .policy input + label{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#333;
    font-size:16px;
	cursor:pointer;
}
.inquiry .policy input + label em{
    flex-shrink: 0;
    width:20px;
    height:20px; 
    margin-right:10px;
    border:1px solid #ddd;
}
.inquiry .policy input:checked + label em{
    border:7px solid #ed1b23;
} 
.inquiry .btn-wrap{
    text-align: center; 
}
.inquiry .btn-wrap input{
	display: inline-block;
    width: 50%;
    max-width: 240px;
    padding: 20px;
    background: #546670;
    color: #fff;
	border:0;
	font-size:18px;
	transition:all ease .3s;
}
.inquiry .btn-wrap input:hover{background:#ed1b23}

.req-gd{text-align:right; margin:0 0 10px; font-size:14px;}
.req-gd span{color:#ed1b23}
@media (max-width:1023px) {
    .inquiry{
        padding:50px 0 80px;
    }
}
@media (max-width:768px) {
	.inquiry .privacy-box{
		margin:30px 0;
	}
	.inquiry .privacy-box textarea{
		margin:10px 0;
		padding:10px;
		font-size:14px;
	}
    .inquiry .privacy-box p{
        font-size:16px;
    }
    .inquiry .form-box .item dt{
        width:110px;
        font-size:15px;
    }
    .inquiry .form-box .item.name input,
    .inquiry .form-box .item.tel input,
    .filebox{
        width:100%;
    }
    .inquiry .form-box .item dd{
        display: block;
    }
    .inquiry .form-box .item.info input.info1{
        width:100%;
        margin-right:0;
    }
	.filebox .upload-name{width:100%;}
    .inquiry .form-box .item.info input.info2{
        width:49%;
    }
}

@media (max-width:768px) {
    .inquiry .form-box .item{
        padding:10px;
    }
    .inquiry .form-box .item dt{
        width:80px;
        font-size:14px;
    }
    .inquiry .form-box .item.cate select{
        width:100%;
    }
    .inquiry .form-box .item.cont textarea{
        height:150px;
    }
    .filebox label{
        font-size:13px;
		width:70px;  
		display:block;
		width:100%;
    }
    .inquiry .form-box .item input, .inquiry .form-box .item select{
        font-size:14px;
    }
    .inquiry .btn-wrap input{
        padding:15px;
        font-size:15px;
    }
	.inquiry .policy input + label{
		font-size:14px;
	} 
}


 /** location **/
.location{padding:100px 0;}
.location .lct-box{display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 100px}
.location .tab.ready .lct-box .lct-info {min-height:320px;}
.location .lct-box .lct-info{width:40%; max-width:400px; font-size:17px; color:#666; font-weight:400; margin:0 0 50px;}
.location .lct-box .lct-info h3{font-size:36px; color:#333; font-weight:600; margin:40px 0;}
.location .lct-box .lct-info ul{margin:30px 0 60px;}
.location .lct-box .lct-info ul li {margin:10px 0; padding-left:120px; position:relative;}
.location .lct-box .lct-info ul li span{position:absolute; left:0; top:0; color:#333; font-weight:500;}
.location .lct-box .lct-info ul li i{color:#ed1b23; vertical-align:baseline; margin-right:10px;}
.location .lct-box .lct-img{width:55%;} 
.location .lct-box .lct-info .btn{ 	display: block;  width: 100%;   max-width: 200px;  padding: 15px;   background: #546670;  color: #fff; text-align:center; transition:all ease .3s;}  
.location .lct-box .lct-info .btn:hover{background:#ed1b23}
.location .tab-menu {text-align:center;  max-width:1280px; width:90%; margin:0 auto 100px; overflow:hidden; position:relative;}
/*.location .tab-menu:after{content:''; width:1px; height:100%; background:#546670; position:absolute; left:50%; top:0;}*/
.location .tab-menu li { float:left; width:50%; background:#f4f4f4}   
.location .tab-menu li {width:33.3333%}   
.location .tab-menu li a{ height:60px; line-height:60px; display:block;  cursor:pointer; color:#666;  font-size:18px; font-weight:400;}
.location .tab-menu li a.active{background:#fff; border:1px solid #546670; border-bottom:0; color:#546670; font-weight:500;} 
.location .tab-menu li a:not(.active){border-bottom:1px solid #546670;}
.location .tab{ display: none;} 
.location .tab.active{ display: block;}

@media (max-width:1440px) {
    .location .tab-menu li a{
        font-size:17px;
    }
}
@media (max-width:1023px) {
    .location{
        padding-top:50px;
    }
}
@media (max-width:769px) {
    .location .tab-menu{
        margin-bottom:50px;
    }
     .location .tab.ready .lct-box .lct-info {
    	min-height:auto;
    }
    :lang(en) .location .tab-menu li:nth-child(3) a {
    	border-top:0;
    }
    :lang(en) .location .tab-menu li {
    	width:50%
    }
    .location .tab-menu li a{
        height:50px;
        line-height:50px;
        font-size:16px;
    }
    .location .lct-box{
        flex-direction: column;
		margin-bottom:0;
    }
	.location .lct-box .lct-info ul{
		margin: 30px 0 30px;
	}
    .location .lct-box .lct-img{
        order:1;
        width:100%;
    }
    .location .lct-box .lct-info{
        order:2;
        width:100%;
        max-width:100%;
		font-size:15px;
		margin-bottom:0;
    }
    .location .lct-box .lct-info h3{
        margin-bottom:10px;
        font-size:22px;
    }
    .location .lct-box .lct-info p{
        line-height:1.6em;
		    word-break: keep-all;
    }
    .location .lct-box .lct-info .btn{
        height:50px;
        margin:0 auto; 
    }
	.location .tab iframe{
		height:300px !important;
	}
}
@media (max-width:768px) {
    .location .tab-menu li a{
        font-size:14px;
    }
    .location .lct-box .lct-info ul li{
        padding-left:100px;
    }
} 
 /** basic content **/
.bscont{padding:100px 0;}
.bscont h2{font-size:45px; font-weight:500; margin:0 0 10px;     border-bottom: 2px solid #333;  padding: 0 0 20px; }
.bscont h3:first-child{margin-top:0;}
.bscont h3{font-size:24px; font-weight:500; margin:50px 0 10px; color:#000;}
.bscont h3:after{content:''; display:block; width:100%; height:1px; background:#ddd; margin:10px 0 20px;}
.bscont h4{margin:40px 0 0; font-size:18px; font-weight:500;}
.bscont b{font-weight:500; color:#000;}
.bscont p{color:#666; font-weight:400; line-height:1.8; margin:20px 0;}
.bscont a{color:#ed1b23; vertical-align:baseline;  }  
.bscont ul{margin:10px 0 20px;}
.bscont ul > li{color:#666; font-weight:400; line-height:1.8; margin:5px 0; }  
.bscont ul.dot > li{padding-left:15px; position:relative; }
.bscont ul.dot > li:after{content:''; width:3px; height:3px; background:#ed1b23; border-radius:50%; position:absolute; left:0; top:11px;}
.bscont ul.num > li{padding-left:15px; text-indent:-15px;  }  
.bscont ul.num > li .dot > li{text-indent:0}
.bscont ul.num > li p{margin:0; text-indent:0}
.bscont ul.num2 > li{padding-left:34px; text-indent:0; position:relative; margin:10px 0;}  
.bscont ul.num2 > li strong{width:24px; height:24px; background:#546670; border-radius:50%; color:#fff; position:absolute; left:0; top:2px; text-align:center; line-height:24px; font-size:14px; font-weight:400;}
.bscont table{width:100%; border-top:2px solid #333}
.bscont table th{padding:15px; border-bottom:1px solid #ddd; background:#f6f6f6}
.bscont table td{padding:15px; border-bottom:1px solid #ddd; color:#666; }
.bscont table td:not(:last-child), .bscont table th:not(:last-child){border-right:1px solid #ddd;}
.bscont table td.last-td{border-right:1px solid #ddd !important;}
.bscont table td:first-child{text-align:center;}
.bscont .f-box{display:flex; padding:50px 0; justify-content:space-between; align-items: flex-end;}
.bscont .f-box h3:after{background:#fff;}
.bscont .f-box .f-right{width:calc(100% - 530px);}
.bscont .f-box .f-right ul{background:#f4f4f4; padding:30px; margin:0;}
.bscont .l-box{border:1px solid #ddd; padding:10px 30px;}
.bscont .privacy-tab{width:100%; display:flex; justify-content:center; align-items:end; margin: 50px 0 50px;}
.bscont .privacy-tab li{display:inline-block; width:48%; max-width:300px; border-bottom:1px solid #ddd; text-align:center; position:relative;}
.bscont .privacy-tab li.active{border-bottom:2px solid #333;}
.bscont .privacy-tab li.active a{height:58px; color:#333; font-weight:500;}
.bscont .privacy-tab li:after{content:''; width:1px; height:15px; background:#ccc; position:absolute; right:0; top:23px;}
.bscont .privacy-tab li:last-child:after{display:none;}    
.bscont .privacy-tab li a{color:#aaa; font-size:18px; display:flex;align-items:center; padding:15px 10px; height:60px; justify-content:center; font-weight:300;}
.bscont .prv-download{display:inline-block;; text-indent:0;   padding:8px 10px; padding-right:40px; background:url('/imgs/download-bt.png') #546670 no-repeat center right 10px; color:#fff;     margin-left: 15px; transition:all ease .3s;}
.bscont .prv-download:hover{opacity:.8;}
.bscont p.rel_date {font-size: 1.1rem; font-weight:500;}

.privacy-select{  text-align:right; margin:0 0 20px;}
.privacy-select .ps-box{display:inline-block; position:relative; width:100%; max-width:300px; text-align:left; border:1px solid #ddd;  }
.privacy-select .ps-box p{line-height:45px; height:45px; padding:0 30px 0 15px; margin:0; background: url(/imgs/select_bt_on.png) no-repeat center right 15px; cursor:pointer;}
.privacy-select .ps-box.active p{background-image: url(/imgs/select_up_on.png); }
.privacy-select .ps-box ul{position:absolute; left:0; background:#fff; border:1px solid #ddd; top:45px; width:calc(100% + 2px); margin:0 -1px; padding:10px 15px; display:none;}
.privacy-select .ps-box ul li a{color:#999; transition:all ease .3s;}
.privacy-select .ps-box ul li a:hover{color:#000;} 
 


@media (max-width:1440px) {
    .bscont h2{
        font-size:40px;
    }
}
@media (max-width:1024px) {
    .bscont h2{
        font-size:35px;
    }
}
@media (max-width:769px) {
    .bscont h2{
        font-size:30px;
    }
}
@media (max-width:768px) {
	.bscont{
		padding:40px 0;
	}
    .bscont h2{
        font-size:24px;
		padding:0 0 10px;
    }
    .bscont h3{
        font-size:18px;
		margin: 30px 0 10px;
    }
	.bscont ul li{
		font-size:14px;
	}
	.bscont p{
		font-size:14px;
	}
    .bscont table th,
    .bscont table td{
        font-size:12px;
		padding:5px;
    }

	.bscont .f-box{display:block;}
	.bscont .f-box .f-left{width:100%}
	.bscont .f-box .f-right{width:100%; margin-top:20px;}
	.bscont .f-box h3:after{display:none;}
	.bscont ul.dot > li:after{top:10px;}

	.bscont .l-box{padding:0 20px;}
	.privacy-select .ps-box {max-width:100%;}
	.privacy-select{margin:0 0 10px}

	.bscont .privacy-tab{margin:30px 0;}
	.bscont .privacy-tab li a{font-size: 14px; padding:10px 5px;}
}



/** error **/
.error { 
	width:100%; 
	text-align:center;
	padding:140px 0;
	min-height:80vh;
}
.error .typo-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:100%;
}
.error .error-text{
	position:relative;
	padding:0 2rem;
	color:#666;
	font-size:30px;
}
.error .error-text::before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:0.5rem;
	height:0.5rem;
	background-color:#ed1b23;
	border-radius:50%;
}
.error .error-text::after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	width:0.5rem;
	height:0.5rem;
	background-color:#ed1b23;
	border-radius:50%;
}
.error .error-code{
	margin-bottom:30px;
	color:#333;
	font-size:150px;
	color:#ed1b23;
	font-weight:600;
	text-align: center; 
}
.error img{margin-bottom:5rem;}
.error .error-msg{
	margin-bottom:2rem;
	color:#333;
	font-size:30px;
	font-weight:600;
}
.error .error-desc{
	margin-bottom:3rem;
	color:#888;
	font-size:18px;
	text-align: center;
}
.error .error-btn{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
}
.error .error-btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	width:10rem;
	height:3.6rem;
	margin-right:1rem;
	color:#fff;
	font-size:16px;
	background-color:#333; 
}

@media (max-width:768px) { 
	.error {padding:50px 0;}
	.error .error-code{font-size:100px; margin:0;}
	.error .error-text{font-size:18px; padding:0 1rem;}
	.error .error-msg{font-size:24px;}
	.error .error-desc{font-size:16px;}
	.error .error-btn a{font-size:16px; height:45px;}
}



/* 영문 */ 
.en .vision .vs-step ul li.vs-logo > div{margin-top:0;}
.en .vision .vs-step ul li > div{margin-top:-120px;} 
.en .news-list li .news-tit .sbj{height:50px;}

@media (max-width:1024px) { 
	.en .vision .vs-step ul li p{font-size:12px;}
	.en .vision .vs-step ul li {  display: flex; align-items: center; }
	.en .vision .vs-step ul li > div{margin-top:-70px; }
	.en .vision .vs-step ul li:nth-child(2) > div{ padding:30px 10px; margin-top:-90px}
	.en .news-list li .news-tit .sbj{height:auto;}
}


/* 중문 */ 
.cn{ word-break: break-all;}


/* MNC 솔루션 홍보영상 */
.video-more > p {
	margin-bottom: 10px;
	font-size: 23px;
	font-weight: 600;
}
.video-more > ul > li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 20px;
	font-size: 19px;
}
.video-more > ul > li::before {
	content: "▪";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.video-more > ul > li > a:hover, .video-more > ul > li > a {
	position: relative;
	top: 1.5px;
}
.video-more > ul > li > a:hover, .video-more > ul > li > a:focus {
	color: #0000ff;
	text-decoration: underline;
}
@media (max-width:768px) {
	.video-more > p {
		font-size: 20px;
	}
	.video-more > ul > li {
		font-size: 16px
	}
}