@charset "UTF-8";
/* Layout & common */
.main .layout_content{padding-top:0;}
.main_section_h{display: block;margin-top: 41px;margin-bottom: 22px;margin-left:19px;font-size:24px;line-height:24px;font-weight:600;color:#FC6620;letter-spacing: 0em;}
.main_section_h .pointColor{color:#de071a;}

@media only screen and (min-width:0) and (max-width:1023px) {
}



@media only screen and (min-width:0) and (max-width:1023px) {
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.main_cont01_videoWrap, .about_intro_videoWrap{display:none;}
	.main_cont01_title_m{display:inline-block;position:absolute;top:42.5%;bottom:auto;bottom:unset;right:auto;right:unset;left:10%;margin:0 auto;font-size:50px;line-height:1.5;letter-spacing:-0.04rem;font-weight:500;color:#fff;}
	.main .main_cont01_title_ani{display:inline-block;top: 29%;left:58%;width:232px;margin: 0;}
	.main_cont01.slide01 .main_cont01_title{top:44.5%;}
	.main_cont01_moreBtn{top:auto;top:unset;bottom:5%;width:50px;height:50px;}
	.main_cont01_moreBtn{background:url(../images/circle_morebtn.png);background-size:cover;}
}

/* SK Gateway 영역 */
.main_cont_a{display:inline-block;position:relative;top:0;left:0;z-index:0;width:100%;height: 32.3vw;max-height: 394px;overflow:hidden;background:#000;}
.main_cont_title{z-index:1;font-size: 20px;line-height: 45px;font-weight:bold;word-break: keep-all;color:#fff;letter-spacing: -0.06em;opacity:1;transition:all .5s ease-out;    text-align: center;    padding-top: 30%;}
body[data-device="desktopView"] .appeared .main_cont_title{top: 62px;opacity:1;}
.main_cont_a:focus .main_cont_title,.main_cont_a:hover .main_cont_title{opacity:1;}
.main_cont_link{display:inline-block;position:relative;top: 198px;left:0px;z-index:1;height:30px;/* padding-right: 22px; */font-size:17px;line-height: 20px;font-weight: 400;color:#fff;/* background:url(../images/tiny_right_triangle_btn.png) no-repeat; *//* background-size:6px 10px; *//* background-position:100% 10px; */opacity:0;transition:all 1s ease-out;}
.main_cont_link .point{font-size:20px;font-weight: 700;line-height:20px;}
body[data-device="desktopView"] .appeared .main_cont_link{opacity:0;animation:textAniLeftToRight 0.5s ease-out .5s forwards;}
body[data-device="desktopView"].msie9 .appeared .main_cont_link,body[data-device="desktopView"].msie10 .appeared .main_cont_link{left:50px;opacity:1;}

@-webkit-keyframes textAniLeftToRight {
    0%   {opacity:0; left:20px;}
    100% {opacity:1; left:50px;}
}
@keyframes textAniLeftToRight {
    0%   {opacity:0; left:20px;}
    100% {opacity:1; left:50px;}
}

.main_cont_a:focus .main_cont_link,.main_cont_a:hover .main_cont_link{opacity:1;}
.main_cont_link::before{content:'';display:inline-block;position:absolute;top: 30px;left:0;width:100%;height:1px;background:rgba(255,255,255,0.5);transition:all .5s ease-out;}
.main_cont_a:focus .main_cont_link::before,.main_cont_a:hover .main_cont_link::before{opacity:0;}
.main_cont_link::after{content:'';display:inline-block;position:absolute;top: 30px;left:0;width:0%;height:1px;background:#fff;transition:all .5s ease-out;}
.main_cont_a:focus .main_cont_link::after,.main_cont_a:hover .main_cont_link::after{width:100%;}

@media only screen and (min-width:0) and (max-width:1023px) {
}
@media only screen and (max-width: 1599px) and (min-width: 1024px) {
	/*Tablet*/
	.main_cont_a{height: 36vw;}
	.main_cont_title{font-size:22px}
	.layout_grid_wrap {
    width: 80%;
  
}
}

.main_section02>article .main_cont_bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:160%;opacity:0.6;transition:opacity .5s ease-out;}/*for Mac safari & other browsers*/
.main_section02>article:hover .main_cont_bg{opacity:0.5;}
.main_cont02 .main_cont_bg{background:url(../images/zhitu01.jpg);background-size:cover;background-position:center;}
.main_cont03 .main_cont_bg{background:url(../images/zhitu02.jpg);background-size:cover;background-position:center;}
.main_cont04 .main_cont_bg{background:url(../images/zhitu03.jpg);background-size:cover;background-position:center;}
.main_cont04 img{ width:48px; margin-bottom:10px;}
.main_cont03 img{ width:46px;margin-bottom:10px;}
.main_cont02 img{ width:44px;margin-bottom:10px;}
@media only screen and (min-width:0) and (max-width:768px) {
	/*Mobile*/
	.main_cont02 .main_cont_bg{background:url(../images/zhitu01.jpg);background-size:cover;background-position:center;}
	.main_cont03 .main_cont_bg{background:url(../images/zhitu02.jpg);background-size:cover;background-position:center;}
	.main_cont04 .main_cont_bg{background:url(../images/zhitu03.jpg);background-size:cover;background-position:center;}
	.main_section02>article .main_cont_bg { height:190%;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.main_section02>article .main_cont_bg{height:170%;}
	.layout_grid_wrap {
    width: 90%;
  
}
}
@media only screen and (min-width:1200px) and (max-width:1400px) {
	/*Tablet*/
	.main_section02>article .main_cont_bg{height:160%;}
		.layout_grid_wrap {
    width: 85%;
  
}}

.main_cont02_videoWrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;}
.main_cont02_video{position:absolute;top:0;left:50%;width:1600px;height:600px;margin-left:-800px;pointer-events:none;}

/* SK Highlight 영역 */
.main_section03{padding: 0 20px;}
.main_section03 .main_section_h{margin-left:0;}
.main_news_a{position:relative;display:inline-block;/* top:30px; */left:0;width:98.75%;height:25.625vw;max-height:410px;margin-bottom: 24px;vertical-align:top;overflow:hidden;transition:width 1.5s;}
.main_section03>article{vertical-align:top;}
.main_section03>article:nth-child(1n){text-align:right;}
.main_section03>article:nth-child(2n){text-align:left;}

.main_news_bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.main_news_bg_img{content:'';display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height;100%;margin:auto;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);transition:all .5s}
.main_news_a:focus .main_news_bg_img,.main_news_a:hover .main_news_bg_img{-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);}


.main_news_bg_dimmed{content:'';display:block;position:absolute;top:0;right:0;width:33.24675%;height:100%;background:rgba(0,0,0,0);transition:all .5s;}
.appeared .main_news_bg_dimmed{background:rgba(0,0,0,0.7);}
.main_news_a:focus .main_news_bg_dimmed,.main_news_a:hover .main_news_bg_dimmed{width:50%;background:#de071a}

.main_news_title{position:absolute;top:0;right:-30%;width:33.24675%;padding: 5.5% 3.5%;font-size: 23px;line-height:40px;font-weight:400;text-align:left;word-break:keep-all;letter-spacing:-0.05em;color:#fff;transition:all .5s;}
.appeared .main_news_title{right:0;}
.main_news_a:focus .main_news_title,.main_news_a:hover .main_news_title{right:16.75325%}
.main_news_link{position:absolute;top: 78%;left:100%;font-size:12px;line-height:12px;color:#fff;transition:all .5s;}
.appeared .main_news_link{left: 70.5%;}
.main_news_a:focus .main_news_link,.main_news_a:hover .main_news_link{left:53.50649%;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.main_section03{padding:0;}
	.main_section03 .main_news_a{width:94.7%;height: 74.8vw;max-height:none;margin:2.65%;margin-top:0;}
	.main_news_a .main_news_bg_dimmed{top:100%;width:100%;height:35.71428%;}
	.appeared .main_news_bg_dimmed{top:64.3%;width:100%;height:35.71428%;}
	.main_news_a:focus .main_news_bg_dimmed,.main_news_a:hover .main_news_bg_dimmed{width:100%;background:rgba(0,0,0,0.9)}
	.main_news_title{top:100%;width:100%;padding: 7% 19% 0%  7%;font-size: 4.5vw;line-height:7vw;transition:top .5s, opacity .5s;}
	.appeared .main_news_title{top:65%;}
	.main_news_a:focus .main_news_title,.main_news_a:hover .main_news_title{right:0;}
	.main_news_link{top:100%;left:80%;width:10vw;max-height:9vw;transition:top .5s, opacity .5s, left .5s;}
	.appeared .main_news_link{left:83%;}
	.appeared .main_news_link{top:76%;transition:top .5s;}
	.main_news_a:focus .main_news_link,.main_news_a:hover .main_news_link{left:85%;transition:top .5s, left .5s;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.main_news_title{font-size:2vw;line-height:1.5}
	.main_news_link{width:35px;}
} 
@media only screen and (min-width:0) and (max-width:760px) {
.layout_grid_cont3 {
    width: 100%;
    margin-right: 0;
}

.main_cont_a {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 93.3vw;
    max-height: 394px;
    overflow: hidden;
    background: #000;
}

}