@charset "UTF-8";

/**
 * contents.css
 *
 * @desc SK GROUP Renewal project
 *
*/


/*==================== Main page Styles ==========================*/
/* 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) {
	.main_section_h{padding:11.8% 3.1vw 6.8%;margin:0;font-size:6.5vw;line-height: 1.0;}
	.main_section03 .main_section_h{padding: 9.5% 3.1vw 6.3%;}
}

/* 인트로 영역 */ 
.main_section01{position:relative;padding-top:50px;}/*mib190719 padding-top 추가*/
@media (max-width: 1199px) {
	/*.main_section01:lang(ko){border-bottom:1px solid #ccc;} mib190719 border-bottom 추가 (이미지 디자인에 따라 다르게 적용)*/
}
.main_slider .slick-arrow{position:absolute;bottom:2.8%;z-index:1;left:0;font-size:0;}
.msie9 .slick-arrow{z-index:1000;}
.main_slider .slick-prev{left:64px;width:11px;height:14px;background:url(../images/desktop/sm_left_triangle.png);background-position:top left;}
.main_slider .slick-next{left:134px;width:11px;height:14px;background:url(../images/desktop/sm_right_triangle.png);background-position:top left;}
.main_slider .slick-dots{position:absolute;bottom:3%;z-index:1;left:74px;width:60px;font-size:0;text-align:center;}
.msie9 .main_slider .slick-dots{z-index:1000;}
.main_slider .slick-dots::after{content:'';display:inline-block;clear:both;}
.main_slider .slick-dots>li{display:inline-block;width:11px;height:11px;margin-right:6px;transition:all .3s;}
.main_slider .slick-dots>li:last-child{margin-right:0;}
.main_slider .slick-dots button{position:relative;top:0;width:11px;height:11px;border:2px solid #fff;border-radius:10px;font-size:0;color:rgba(0,0,0,0);background:rgba(255,255,255,0);transition:all .3s;}
.main_slider .slick-active button{top:-5px;background:rgba(255,255,255,1);}

.main_cont01_videoWrap{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none;overflow:hidden;}/*mib180509 background수정*/
/*.main_cont01_videoWrap:lang(ko){border-bottom:1px solid #ccc;}mib180509 border-bottom 추가 mib190719 삭제*/
.main_cont01_video{position:absolute;top:0%;left:0%;width:100%;height:100%;margin:0;pointer-events:none;}
.main_cont01{display:inline-block;position:relative;width:100%;height:56vw;text-align:center;}
/*.msie10 .main_cont01,.msie10 .main_cont01,.msie11 .main_cont01{height:56.3vw;}mib190719 추가 mib190819 삭제*/
.main_cont01_slide_a{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;}
.main_cont01_title{position:absolute;display:inline-block;font-size:35px;letter-spacing:-0.04rem;font-weight:500;word-break: keep-all;color:#fff;}
.main_cont01_title_m{display:none;text-align:center;}
.main .main_cont01_title_ani{display:none;position: absolute;top: 39%;width: 232px;left: 50%;margin-left: -116px;}
.msie9 .main_cont01_title_ani,.msie10 .main_cont01_title_ani{display:block;}
.main_cont01.slide01 .main_cont01_title{top: 47%;left:3%;}
.main_cont01.slide02 .main_cont01_title{top:58%;left:70%;}
.main_cont01.slide03 .main_cont01_title{top:20%;left:3%;color:#de071a;}
.main_cont01_img{position:absolute;top:0;left:0;width:100%;height:100%;}
/*.main_cont01_img:lang(ko){border-bottom:1px solid #ccc;}mib180509 border추가 mib190719 삭제*/
.main_cont01_moreBtn{position:absolute;bottom:3%;right:0;left:0;width:60px;height:60px;margin:0 auto;background:url(../images/desktop/circle_wheelBtn.png);background-size:cover;transition:all .3s;}
.msie9 .main_cont01_moreBtn,.msie10 .main_cont01_moreBtn{z-index:999;}
.main_cont01_moreBtn:hover,.main_cont01_moreBtn:focus{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.main_slider{position:absolute;top: 0;width: 100%;height: 100%;}
	.main_slider .slick-dots{left:4%;}
	.main_slider .slick-list{height:100%;}
	.main_slider .slick-track{height:100%;}
	.main_section01{position:relative;height:100vh;min-height:133vw;}
	.main_section01::before{background: black;background-size:cover;background-position:center;}
	.main_cont01{height: 100%;min-height:133vw;}
	.main_cont01_title{display:inline-block;position:absolute;top:40.5%;left:6.9%;font-size:8.2vw;line-height:1.4;letter-spacing:0.29rem;font-weight:500;text-align:left;color:#fff;}
	.main_cont01.slide01 .main_cont01_title{top: 41%;left: 6%;width: 59%;}
	.main_cont01.slide02 .main_cont01_title{top: 40%;left: 6%;}
	.main_cont01.slide03 .main_cont01_title{top: 34%;left: 6%;width: 50%;color:#ede071a;}
	.main .main_cont01_title_ani{display:inline-block;position:absolute;top:40%;left:58%;width:36%;margin: 0;}
	.main_cont01_moreBtn{width:10.6vw;height:10.6vw;}
	.main_cont01_moreBtn{background:url(../images/desktop/circle_moreBtn.png);background-size:cover;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.main_section01{padding-top:0;}/*mib190719 padding-top 추가*/
	.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/desktop/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: 620px;overflow:hidden;background:#000;}
.main_cont_title{position:absolute;top:120px;left:50px;z-index:1;font-size: 35px;line-height: 45px;font-weight:300;word-break: keep-all;color:#fff;letter-spacing: -0.06em;opacity:0;transition:all .5s ease-out;}
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/mobile/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) {
	/*Mobile*/
	.main_cont_a{height:133vw;max-height:none;margin-bottom:2.9vw;}
	.main_cont_a.main_cont04{margin-bottom:0;}
	.main_cont_a::before,.main_cont_a::before{opacity:1;}
	.main_cont_title{opacity:0;}
	.appeared .main_cont_title{opacity:1;}	
	.main_cont_a .main_cont_title,.main_cont_a .main_cont_title,.main_cont_a:hover .main_cont_title,.main_cont_a:focus .main_cont_title{position:static;padding:12.7% 0 5% 7.6%;font-size:8.5vw;line-height:1.3;letter-spacing:-0.05em;}
	.main_cont_link{opacity:0;}
	.appeared .main_cont_link{opacity:1;}	
	.main_cont_a .main_cont_link,.main_cont_a:hover .main_cont_link,.main_cont_a:focus .main_cont_link{position:static;top: 0;left: 0;height: 7vw;padding-right: 0;padding-bottom:1%;margin: 2.8% 0% 0% 8.0%;border-bottom:1px solid #fff;font-size:3.75vw;line-height:1.4;letter-spacing:0.03em;}
	.main_cont_a .main_cont_link .point,.main_cont_a:hover .main_cont_link .point, .main_cont_a:focus .main_cont_link .point{font-size: 4.5vw;line-height:1;}
	.main_cont_link::before,.main_cont_link::after{display:none;}
}
@media only screen and (max-width: 1599px) and (min-width: 1024px) {
	/*Tablet*/
	.main_cont_a{height: 36vw;}
	.main_cont_title{font-size:30px}
}

.main_section02>article .main_cont_bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:150%;opacity:0.7;transition:opacity .5s ease-out;}/*for Mac safari & other browsers*/
.main_section02>article:hover .main_cont_bg{opacity:0.8;}
.main_cont02 .main_cont_bg{background:url(../images/desktop/index_cont02.jpg);background-size:cover;background-position:center;}
.main_cont03 .main_cont_bg{background:url(../images/desktop/index_cont03.jpg);background-size:cover;background-position:center;}
.main_cont04 .main_cont_bg{background:url(../images/desktop/index_cont04.jpg);background-size:cover;background-position:center;}
.main_cont05 .main_cont_bg{background:url(../images/desktop/index_cont05.jpg);background-size:cover;background-position:center;}/*mib190717 게이트웨이(유튜브 콘텐츠) 추가*/

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.main_cont02 .main_cont_bg{background:url(../images/mobile/index_cont02.jpg);background-size:cover;background-position:center;}
	.main_cont03 .main_cont_bg{background:url(../images/mobile/index_cont03.jpg);background-size:cover;background-position:center;}
	.main_cont04 .main_cont_bg{background:url(../images/mobile/index_cont04.jpg);background-size:cover;background-position:center;}
	.main_cont05 .main_cont_bg{background:url(../images/mobile/index_cont05.jpg?ver=190722);background-size:cover;background-position:center;}/*mib190717 게이트웨이(유튜브 콘텐츠) 추가*//*mib190722 이미지 변경*/
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.main_section02>article .main_cont_bg{height:170%;}
}
@media only screen and (min-width:1200px) and (max-width:1400px) {
	/*Tablet*/
	.main_section02>article .main_cont_bg{height:160%;}
}

.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;}
} 


/*==================== SubMain Common Styles ==========================*/
/* 인트로 영역 */
.about .layout_content,.media .layout_content,.together .layout_content,.careers .layout_content{padding-top:0;}

.subMain_intro{position:relative;height:56vw;}
@media (min-width:1200px) {
	.subMain_intro{height:0;padding-bottom:56.3%;}/*mib190618 추가*/
}
.subMain_intro_gif{display:none;position:absolute;top:31.7602%;left:0;right:0;width: 40%;margin:auto;}
.subMain_intro_videoWrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:#000;overflow:hidden;}
.subMain_intro_video{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;margin:0;pointer-events:none;}
.subMain_intro_title{display:block;position:absolute;top:60.5555%;width:100%;margin:auto;text-align:center;font-size:35px;line-height:45px;font-weight:100;letter-spacing:-0.06em;color:#fff;}
.subMain_intro_title .point{font-weight:500;}
.subMain_intro_a{display:inline-block;position:absolute;top:72%;right:0;left:0;margin:0 auto;font-size:17px;line-height:1;font-weight:400;text-align:center;color:#fff;}
.subMain_moreBtn{position:absolute;right:0;left:0;bottom:3%;width:60px;height:60px;margin:0 auto;background:url(../images/desktop/circle_wheelBtn.png);background-repeat: no-repeat;background-size: contain;transition:transform .3s;}
.subMain_moreBtn:hover,.subMain_moreBtn:focus{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}

.msie9.about .subMain_intro{background:url(../images/desktop/about/about_main.jpg);background-size:cover;background-position:center;}
.msie9.media .subMain_intro{background:url(../images/desktop/media/media_main.jpg);background-size:cover;background-position:center;}
.msie9.together .subMain_intro{background:url(../images/desktop/together/together_main.jpg);background-size:cover;background-position:center;}
.msie9.careers .subMain_intro{text-align:center;background:url(../images/desktop/careers/careers_main.jpg);background-size:cover;background-position:center;}
.msie9 .subMain_intro_gif{display:block;width:232px;}

/* 채용 서브메인 */
.careers .subMain_intro{text-align:center;height:705px;padding-top:55px;background:url(../images/desktop/careers/careers_main.jpg);background-size:cover;background-position:center left;overflow:hidden;}
.careers .subMain_intro_title{top:35.8%;}
.careers .subMain_intro_gif{display:none;}
.careers_intro_p{display:block;position:absolute;top:46.5%;width:100%;margin:auto;text-align:center;font-size:15px;line-height:32px;font-weight:300;letter-spacing:-0.02em;color:#ddd;}
.careers_intro_btns{display:inline-block;position:absolute;top:57%;right:0;left:0;margin:auto;text-align:center;font-size:0;}
.careers_intro_btn{display:inline-block;width:120px;margin-right:1px;font-size:15px;line-height:20px;font-weight:700;letter-spacing:-0.06em;color:#fff;background:rgba(0,0,0,0.6);}
.careers_intro_btn:focus,.careers_intro_btn:hover{background:rgba(255,51,51,0.8);}
.careers_intro_btn_title{display:inline-block;padding:17px 11px 18px;line-height:20px;}
.careers_intro_btn_number{display:inline-block;padding:4px 12px 5px;border-radius:30px;font-size:13px;line-height:13px;color:#000;background:#fff;}
.careers_column{display:inline-block;width:1px;height:13px;background:rgba(255,255,255,0.4);}
.careers_intro_a{display:inline-block;position:absolute;top:79%;width: 215px;right:0;left:0;height:20px;margin:auto;font-size:17px;font-weight:100;text-align:left;line-height:20px;letter-spacing:-0.05em;color:#fff;background:url(../images/desktop/sm_right_triangle.png) no-repeat;background-size:7px 10px;background-position:center right;overflow:visible;}
.careers_intro_a::before{content:'';display:inline-block;position:absolute;top:25px;right:0;width:100%;height:1px;background:rgba(255,255,255,0.5);transition:all .3s;}
.careers_intro_a::after{content:'';display:inline-block;position:absolute;top:25px;left:0;width:0%;height:1px;background:rgba(255,255,255,0);transition:all .3s ease-out;}
.careers_intro_a:focus:before,.careers_intro_a:hover::before{width:0%;transition:all .3s ease;}
.careers_intro_a:focus:before,.careers_intro_a:hover::after{width:100%;background:rgba(255,255,255,1);transition:all .5s ease-out;}
.careers_intro_a .point{font-weight:500;line-height:20px;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.subMain_intro{height:100vh;min-height:133vw;}
	.about .subMain_intro{background:url(../images/mobile/about/about_main.jpg);background-size:cover;background-position:center;}
	.media .subMain_intro{background:url(../images/mobile/media/media_main.jpg);background-size:cover;background-position:center;}
	.together .subMain_intro{background:url(../images/mobile/together/together_main.jpg);background-size:cover;background-position:center;}
	.careers .subMain_intro{height:100vh;padding-top:0;background:url(../images/mobile/careers/careers_main.jpg);background-size:cover;background-position:center;}
	.subMain_intro_gif{display:block;top:28.4%}
	.media .subMain_intro_gif{top: 28.4%;}
	.together .subMain_intro_gif{top:27%}
	.subMain_intro_title{top: 55%;font-size:8vw;line-height:1.5;}
	.careers .subMain_intro_title{top:23.8%;font-size:8.6vw;line-height:1.2;}
	.media .subMain_intro_title{top:52%;} 
	.together .subMain_intro_title{top:55%;}
	.careers_intro_p{top:41.5165%;font-size:3.5vw;line-height:1.785714;font-weight:500;}
	.careers_intro_btns{top:46%;padding:0 15vw 0;font-size:0;}
	.careers_intro_btn{width:48%;margin-bottom:2vw;font-size:15px;line-height:20px;font-weight:700;letter-spacing:-0.06em;color:#fff;background:rgba(0,0,0,0.6);}
	.careers_intro_item01{width:100%;}
	.careers_intro_item02,.careers_intro_item04{margin-right:3%}
	.careers_intro_btn_title{padding:4vw 0vw 4vw;font-size:4vw;line-height:1;}
	.careers_intro_btn_number{padding:0.8vw 2.5vw 0.8vw;margin-left:3vw;font-size:3.5vw;line-height:1;}
	.careers_intro_a{top:80%;right:0;left:0;width:49vw;height:4vw;margin:auto;font-size:3.7vw;font-weight:700;text-align:left;line-height:1;letter-spacing:-0.05em;color:#fff;background:url(../images/desktop/sm_right_triangle.png) no-repeat;background-size:2vw 3vw;background-position:center right;overflow:visible;}
	.careers_intro_a::before{top:6.4vw;}
	.careers_intro_a::after{top:6.4vw;}
	.subMain_moreBtn{bottom:2.5%;width:11.0666vw;height:11.0666vw;}
	.subMain_moreBtn{background:url(../images/desktop/circle_moreBtn.png);background-repeat: no-repeat;background-size: contain;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.subMain_intro_videoWrap{display:none;}
	.subMain_intro{height:100vh;}
	.about .subMain_intro{background:url(../images/desktop/about/about_main.jpg);background-size:cover;background-position:center;}
	.media .subMain_intro{background:url(../images/desktop/media/media_main.jpg);background-size:cover;background-position:center;}
	.together .subMain_intro{background:url(../images/desktop/together/together_main.jpg);background-size:cover;background-position:center;}
	.careers .subMain_intro{text-align:center;background:url(../images/desktop/careers/careers_main.jpg);background-size:cover;background-position:center;}
	.subMain_intro_gif{display:block;top: 30%;width:210px;}
	.subMain_intro_title{top: 60%;}
	.subMain_moreBtn{top:auto;top:unset;bottom:5%;width:50px;height:50px;}
	.subMain_moreBtn{background:url(../images/desktop/circle_moreBtn.png);background-repeat: no-repeat;background-size: contain;}
}

/* 컨텐츠 영역 */
.subMain_contentArea>article{display:inline-block;position:relative;height: 346px;margin-top:10px;vertical-align:top;}
.subMain_contentArea>article .subMain_cont_bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.subMain_contentArea>article .subMain_cont_bg::before{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 3s ease-out;}
.subMain_contentArea>article .subMain_cont_bg::after{content:'';display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height;100%;margin:auto;background:rgba(100,100,100,0.5);transition:background .3s ease-out;}

.subMain_cont_a{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}

.subMain_cont_title{display:inline-block;position:absolute;top:46%;right:0;left:0;margin:-10px auto 0;text-align:center;font-size:32px;line-height:40px;letter-spacing:-0.05em;font-weight:300;color:#fff;transition:all .3s;}/*mib200210 letterspacing 수정*/
.subMain_cont_link{display:inline-block;position:relative;top:220px;right:0;left:0;padding-bottom:10px;margin:auto;font-size:15px;line-height:15px;font-weight:400;color:#fff;transition:all .3s;}
.subMain_cont_link .point{font-size:17px;font-weight:700;}
.subMain_cont_link::before{content:'';display:inline-block;position:absolute;top:30px;left:0;right:0;margin:0 auto;width:0px;height:1px;background:rgba(255,255,255,0.5);transition:all .3s;}
.subMain_cont_a:focus .subMain_cont_link::before,.subMain_cont_a:hover .subMain_cont_link::before{opacity:0;}
.subMain_cont_link::after{content:'';display:inline-block;position:absolute;top:30px;left:0;width:0%;height:1px;background:rgba(255,255,255,1);transition:all .5s ease-out;}
.subMain_cont_a:focus .subMain_cont_link::after,.subMain_cont_a:hover .subMain_cont_link::after{width:100%;}

.appeared .subMain_cont_a .subMain_cont_title{top:42%;}
.appeared .subMain_cont_link::before{width:100%;}
.appeared .subMain_cont_a .subMain_cont_bg::before{-ms-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03);transition:all 1s ease-out;}
.appeared .subMain_cont_a .subMain_cont_bg::after{background:rgba(100,100,100,0);}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.subMain_contentArea>article{height:97vw;margin-top:2vw;}
	.subMain_cont_title{top:28%;font-size:7vw;line-height:1.5;}
	.subMain_cont_link{display:inline-block;position:relative;top:70%;padding-bottom:1vw;margin:auto;font-size:4vw;line-height:1;opacity:1;}
	.subMain_cont_link .point{font-size:4.3vw;}
	.subMain_cont_link::after{top:7vw;width:100%;opacity:1;}
	.subMain_cont_link::before{top:7vw;}
	.appeared .subMain_cont_a .subMain_cont_title{top:28%;}
	.subMain_cont_a .subMain_cont_bg::after{opacity:0;}
}

/* 컨텐츠 영역 배경*/
.about .subMain_cont01 .subMain_cont_bg::before{background:url(../images/desktop/about/about_cont01_bg.jpg);background-size:cover;background-position:center;}
.about .subMain_cont02 .subMain_cont_bg::before{background:url(../images/desktop/about/about_cont02_bg.jpg);background-size:cover;background-position:center;}
.about .subMain_cont03 .subMain_cont_bg::before{background:url(../images/desktop/about/about_cont03_bg.jpg);background-size:cover;background-position:center;}
.about .subMain_cont04 .subMain_cont_bg::before{background:url(../images/desktop/about/about_cont04_bg.jpg);background-size:cover;background-position:center;}
.about .subMain_cont05 .subMain_cont_bg::before{background:url(../images/desktop/about/about_cont05_bg_lg.jpg);background-size:cover;background-position:center;}/*mib200615 브로슈어 추가*/

.media .subMain_cont00 .subMain_cont_bg::before{background:url(../images/desktop/media/media_cont00_bg_lg.jpg);background-size:cover;background-position:center;}/*mib190614 추가*/
.media .subMain_cont01 .subMain_cont_bg::before{background:url(../images/desktop/media/media_cont01_bg.jpg);background-size:cover;background-position:center;}
.media .subMain_cont02 .subMain_cont_bg::before{background:url(../images/desktop/media/media_cont02_bg.jpg);background-size:cover;background-position:center;}
.media .subMain_cont03 .subMain_cont_bg::before{background:url(../images/desktop/media/media_cont03_bg.jpg);background-size:cover;background-position:center;}
.media .subMain_cont04 .subMain_cont_bg::before{background:url(../images/desktop/media/media_cont04_bg.jpg);background-size:cover;background-position:center;}

.together .subMain_cont01 .subMain_cont_bg::before{background:url(../images/desktop/together/together_cont01_bg_v02.jpg);background-size:cover;background-position:center;}/*mib190405 background 수정*/
.together .subMain_cont02 .subMain_cont_bg::before{background:url(../images/desktop/together/together_cont02_bg.jpg);background-size:cover;background-position:center;}
.together .subMain_cont03 .subMain_cont_bg::before{background:url(../images/desktop/together/together_cont03_bg.jpg);background-size:cover;background-position:center;}
.together .subMain_cont04 .subMain_cont_bg::before{background:url(../images/desktop/together/together_cont04_bg.jpg);background-size:cover;background-position:center;}

.careers .subMain_cont01 .subMain_cont_bg::before{background:url(../images/desktop/careers/careers_cont01_bg.jpg);background-size:cover;background-position:center;}
.careers .subMain_cont02 .subMain_cont_bg::before{background:url(../images/desktop/careers/careers_cont02_bg.jpg);background-size:cover;background-position:center;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.about .subMain_cont01 .subMain_cont_bg::before{background:url(../images/mobile/about/about_cont01_bg.jpg);background-size:cover;background-position:center;}
	.about .subMain_cont02 .subMain_cont_bg::before{background:url(../images/mobile/about/about_cont02_bg.jpg);background-size:cover;background-position:center;}
	.about .subMain_cont03 .subMain_cont_bg::before{background:url(../images/mobile/about/about_cont03_bg.jpg);background-size:cover;background-position:center;}
	.about .subMain_cont04 .subMain_cont_bg::before{background:url(../images/mobile/about/about_cont04_bg.jpg);background-size:cover;background-position:center;}
	.about .subMain_cont05 .subMain_cont_bg::before{background:url(../images/mobile/about/about_cont05_bg_sm.jpg);background-size:cover;background-position:center;}/*mib200615 브로슈어 추가*/

	.media .subMain_cont00 .subMain_cont_bg::before{background:url(../images/mobile/media/media_cont00_bg_sm.jpg);background-size:cover;background-position:center;}/*mib190614 추가*/
	.media .subMain_cont01 .subMain_cont_bg::before{background:url(../images/mobile/media/media_cont01_bg.jpg);background-size:cover;background-position:center;}
	.media .subMain_cont02 .subMain_cont_bg::before{background:url(../images/mobile/media/media_cont02_bg.jpg);background-size:cover;background-position:center;}
	.media .subMain_cont03 .subMain_cont_bg::before{background:url(../images/mobile/media/media_cont03_bg.jpg);background-size:cover;background-position:center;}
	.media .subMain_cont04 .subMain_cont_bg::before{background:url(../images/mobile/media/media_cont04_bg.jpg);background-size:cover;background-position:center;}
	
	.together .subMain_cont01 .subMain_cont_bg::before{background:url(../images/mobile/together/together_cont01_bg_v02.jpg);background-size:cover;background-position:center;}/*mib190405 background 수정*/
	.together .subMain_cont02 .subMain_cont_bg::before{background:url(../images/mobile/together/together_cont02_bg.jpg);background-size:cover;background-position:center;}
	.together .subMain_cont03 .subMain_cont_bg::before{background:url(../images/mobile/together/together_cont03_bg.jpg);background-size:cover;background-position:center;}
	.together .subMain_cont04 .subMain_cont_bg::before{background:url(../images/mobile/together/together_cont04_bg.jpg);background-size:cover;background-position:center;}
	
	.careers .subMain_cont01 .subMain_cont_bg::before{background:url(../images/mobile/careers/careers_cont01_bg.jpg);background-size:cover;background-position:center;}
	.careers .subMain_cont02 .subMain_cont_bg::before{background:url(../images/mobile/careers/careers_cont02_bg.jpg);background-size:cover;background-position:center;}
}



/*==================== About-History Depth Styles ==========================*/
/* 인트로 영역 */
.history .layout_content{padding-top:0;}

.history_intro{position:relative;height:56vw;text-align:center;}
.history_intro_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/desktop/about/history_main.jpg);background-size:cover;background-position:center;}
.history_intro_img{display:block;position:absolute;top:16%;right:0;left:0;margin:auto;}
.history_intro_title{display:block;position:absolute;top:50%;width:100%;margin:auto;text-align:center;font-size:35px;font-weight:500;line-height:40px;color:#fff;}
.history_moreBtn{position:absolute;right:0;left:0;bottom:3%;width:60px;height:60px;margin:0 auto;background:url(../images/desktop/circle_wheelBtn.png);background-size:cover;transition:transform .3s;}
.history_moreBtn:hover,.history_moreBtn:focus{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.history_intro{height:100vh;min-height:133vw;}
	.history_intro_bg{background:url(../images/mobile/about/history_main.jpg);background-size:cover;background-position:center;}
	.history_intro_title{font-size:8vw;line-height:1.5;}
	.history_moreBtn{top:90%;width:11.0666vw;height:11.0666vw;}
	.history_moreBtn{background:url(../images/desktop/circle_moreBtn.png);background-size:cover;}
}

/* 탭메뉴 네비 영역*/
.history_tabMenu{position:relative;}

.history_tabNav{position:absolute;top:0;z-index:1;width:100%;margin:auto;font-size:0;text-align:center;background:#000;}
.history_tabNav.fixed{position:fixed;}
.history_tabNavLi{display:inline-block;position:relative;width:90px;height:50px;text-align:center;vertical-align:top;}
.history_tabNavLi::before{content:'';display:inline-block;top:16px;position:absolute;right:0;left:0;width:44px;height:14px;margin:auto;background-image:url(../images/desktop/about/history_tabnav.png);background-repeat:no-repeat;background-position-y:-14px;}
.history_tabNavLi.on::before{background-position-y:0;} 

.y1950::before{background-position-x:0px;}
.y1960::before{background-position-x:-50px;}
.y1970::before{background-position-x:-100px;}
.y1980::before{background-position-x:-150px;}
.y1990::before{background-position-x:-200px;}
.y2000::before{background-position-x:-250px;}
.y2010::before{background-position-x:-300px;}

/* 컨텐츠 영역 */
.history_tabCont{position:relative;width:100%;max-width:1200px;padding:550px 0 0;margin:0 auto;}
.history_count_year{position:absolute;top:80px;left:0;z-index:1;font-size:170px;line-height:1;font-weight:700;color:#de071a;}
.history_count_year.fixed{position:fixed;right:0;left:0;width:100%;max-width:1200px;margin:auto;}
.history_content{position:relative;}
.history_cont{}
.history_cont_a{display:inline-block;width:100%;}
.history_cont_year{display:inline-block;position:absolute;right:0;bottom:0;z-index:2;padding:10px 50px 10px 15px;font-size:16px;line-height:1;font-weight:600;color:#fff;background:#000;}
.history_cont_year::after{content:'';display:inline-block;position:absolute;top:13px;right:15px;width:10px;height:10px;background:url(../images/desktop/plus_btn.png) no-repeat;background-size:cover;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:transform .3s;}
.history_cont_a:focus .history_cont_year::after,.history_cont_a:hover .history_cont_year::after{background:url(../images/desktop/tiny_right_triangle.png) no-repeat;background-size:6px 10px;background-position-x:2px;-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.history_cont_imgWrap{width:100%;}
.history_cont_imgWrap::after{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;transition:opacity .3s ease-out;}
.history_cont_a:focus .history_cont_imgWrap::after,.history_cont_a:hover .history_cont_imgWrap::after{opacity:1;;}
.history_cont_img{width:100%;}

.history_cont01{width:40%;margin-top:50px;margin-left:60%;} 
.history_cont02{width:40%;margin-top:-100px;margin-right:60%;}
.history_cont03{width:40%;margin-top:-250px;margin-left:50%;}
.history_cont04{width:70%;margin-top:50px;margin-left:10%;}
.history_cont05{width:100%;margin-top:0px;margin-left:0%;}
.history_cont06{width:100%;margin-top:0px;margin-left:0%;}
.history_cont07{width:100%;margin-top:0px;margin-left:0%;}
.history_cont08{width:100%;margin-top:0px;margin-left:0%;}
.history_cont09{width:100%;margin-top:0px;margin-left:0%;}
.history_cont10{width:100%;margin-top:0px;margin-left:0%;}
.history_cont11{width:100%;margin-top:0px;margin-left:0%;}

.history_year1950s_AREA{display:inline-block;position:absolute;top:-700px;left:0;width:1px;height:1px;}
.history_year1960s_AREA{display:inline-block;position:absolute;top:100px;left:0;width:1px;height:1px;}

/* 링크 영역 */
.history_linkArea{border-right:5px solid #fff;border-left:5px solid #fff;}
.history_linkArea>article{display:inline-block;position:relative;height:327px;border-right-width:5px;border-left-width:5px;vertical-align:top;}
.history_link_bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.history_link_bg::before{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 1s ease-out;}
.history_link01 .history_link_bg::before{background:url(../images/desktop/about/history_link01_bg.jpg);background-size:cover;background-position:center;}
.history_link02 .history_link_bg::before{background:url(../images/desktop/about/history_link02_bg.jpg);background-size:cover;background-position:center;}
.history_link01 .history_link_a:focus .history_link_bg::before,.history_link01 .history_link_a:hover .history_link_bg::before{background:url(../images/desktop/about/history_link01_bg_color.jpg);background-size:cover;background-position:center;}
.history_link02 .history_link_a:focus .history_link_bg::before,.history_link02 .history_link_a:hover .history_link_bg::before{background:url(../images/desktop/about/history_link02_bg_color.jpg);background-size:cover;background-position:center;}


.history_link_a{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;}
.history_link_a:focus .history_link_bg::before,.history_link_a:hover .history_link_bg::before{-ms-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02);}

.history_link_title{display:inline-block;position:absolute;top:28%;left:10%;text-align:left;font-size:30px;line-height:1.5;color:#fff;}
.history_link_p{display:inline-block;position:relative;top:65.7%;left:10%;height:30px;font-size:15px;line-height:13px;color:#fff;overflow:hidden;}
body[data-device="desktopView"] .history_link_p::after{content:'';display:inline-block;position:absolute;top:24px;left:0px;width:100%;height:1px;background:#fff;transition:opacity 1s ease-out;}
body[data-device="desktopView"] .history_link_a:focus .history_link_p::after,body[data-device="desktopView"] .history_link_a:hover .history_link_p::after{left:151%;width:100%;opacity:0;transition:all .3s ease-out;}
body[data-device="desktopView"] .history_link_p::before{content:'';display:inline-block;position:absolute;top:24px;left:-120%;width:100%;height:1px;background:#fff;transition:all .3s ease-out;}
body[data-device="desktopView"] .history_link_a:focus .history_link_p::before,body[data-device="desktopView"] .history_link_a:hover .history_link_p::before{left:-20%;width:120%;transition:all 0.4s cubic-bezier(0.58, -0.34, 1, 1);}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.history_linkArea{border:none;margin-top:2vw;}
	.history_linkArea>article{height:33vw;border:none;}
	.history_link_bg::before{transition:all .5s}
}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.history_link_title{display:none;}
	.history_link_p{top:41%;left:43%;font-size:4vw;line-height:1;opacity:1;overflow:visible;}
	.history_link02 .history_link_p{left:10%;}
	.history_link_p::after{content:'';display:inline-block;position:absolute;top:0;right:-11%;left:auto;left:unset;width:2vw;height:4vw;opacity:1;background:url(../images/mobile/mhistory_rightArrow.png);background-size:cover;background-position:center;}
	.history_link02 .history_link_p::after{left:-20%;background:url(../images/mobile/mhistory_leftArrow.png);background-size:cover;background-position:center;}
}


/*==================== About-SKMS Depth Styles ==========================*/
/* 인트로 영역 */
.skms .layout_content{padding-top:55px;}

.skms_intro{position:relative;width:100%;max-width:2200px;height:37.8vw;max-height:600px;margin:0 auto;text-align:center;}
.skms_intro_bg{position:absolute;top:0;left:0;width:100%;max-width:2200px;height:100%;background:url(../images/desktop/about/skms_main.jpg);background-size:cover;background-position:center;transition:all .5s ease-out;}
.skms_intro_title{display:block;position:absolute;top: 35%;width:100%;margin:auto;text-align:center;font-size:35px;font-weight:100;line-height:43px;letter-spacing:-0.06em;color:#fff;transition:all .5s ease-out;}
.skms_intro_title .point{font-weight:500;}
.skms_pdf_btn{display:inline-block;position:relative;top: 82%;right:0;left:0;height:50px;padding:0 22px 0 0;margin:0 23px;font-size:15px;line-height:1.5;font-weight:500;letter-spacing:-0.01em;text-align:center;color:#fff;transition:all .5s ease-out;}
.skms_pdf_view{background: url(../images/desktop/about/skms_right_triangle_btn.png) no-repeat;background-size: 6px 11px;background-position:100% 7px;}
.skms_pdf_down{background: url(../images/desktop/tiny_down_arrow.png) no-repeat;background-size: 11px 10px;background-position:100% 6px;}
.skms_pdf_btn::before{content:'';display:inline-block;position:absolute;top:28px;left:0;right:0;margin:0 auto;width:100%;height:1px;background:rgba(255,255,255,0.5);transition:all .3s;}
.skms_pdf_btn::after{content:'';display:inline-block;position:absolute;top:28px;left:0;width:0%;height:1px;background:rgba(255,255,255,1);transition:all .3s ease-out;}
.skms_pdf_btn:focus::before,.skms_pdf_btn:hover::before{opacity:0;transition:all .3s ease;}
.skms_pdf_btn:focus::after,.skms_pdf_btn:hover::after{width:100%;background:rgba(255,255,255,1);transition:all .5s ease-out;}

@-webkit-keyframes smks_filmBtn_ani{
	0%{width:80%}
	70%{width:90%;}
	100%{width:80%;}
}
@keyframes smks_filmBtn_ani{
	0%{width:80%}
	70%{width:90%;}
	100%{width:80%;}
}

.skms_moreBtn{position:absolute;right:0;left:0;bottom:3%;width:60px;height:60px;margin:0 auto;background:url(../images/desktop/circle_wheelBtn.png);background-size:cover;transition:transform .3s;}
.skms_moreBtn:hover,.skms_moreBtn:focus{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.skms .layout_content{padding-top:0;}
	.skms_intro{height: 94vh;max-height:none;min-height:133vw;}
	.skms_intro_bg{background:url(../images/mobile/about/skms_main.jpg);background-size:cover;background-position:center;}
	.skms_intro_title{top: 40%;font-size:7.3vw;line-height:1.5;}
	.skms_pdf_view{background-size:1.5vw 2.5vw;background-position:100% 52%;}
	.skms_pdf_down{background-size:2.4vw 2.6vw;background-position:98% 52%;}
	.skms_pdf_btn{top: 76.3%;height: 6.3vw;padding:0 5vw 0 0;margin:0 4.5vw;font-size:4.1vw;}
	.skms_pdf_btn::before{top: 120%;}
	.skms_pdf_btn::after{top: 120%;}
	.skms_moreBtn{top:90%;width:11.0666vw;height:11.0666vw;}
	.skms_moreBtn{background:url(../images/desktop/circle_moreBtn.png);background-size:cover;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.skms_intro_title{top: 35%;}
}

/* 컨텐츠 영역 */
.skms_contentArea01>.layout_grid_cont3{display:inline-block;position:relative;height:866px;border:10px solid #fff;border-right-width:5px;border-left-width:5px;vertical-align:top;}
.skms_cont_bg{position:absolute;top:0;left:0;width:100%;height:112%;overflow:hidden;}
.skms_cont_bg::before{content:'';display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height;100%;}
.skms_cont_bg::after{content:'';display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height;100%;background:#000;opacity:0.7;}
.skms_cont01 .skms_cont_bg::before{background:url(../images/desktop/about/skms_cont01_bg.jpg);background-size:cover;background-position:center;}
.skms_cont02 .skms_cont_bg::before{background:url(../images/desktop/about/skms_cont02_bg.jpg);background-size:cover;background-position:center;}
.skms_cont03 .skms_cont_bg::before{background:url(../images/desktop/about/skms_cont03_bg.jpg);background-size:cover;background-position:center;}

.skms_cont_a{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;padding: 80px 50px;text-align:left;overflow:hidden;}
.skms_cont_a:focus .skms_cont_bg::after,.skms_cont_a:hover .skms_cont_bg::after{animation:blinkBg 1s forwards;}

@-webkit-keyframes blinkBg{
	0%{opacity:0.5;}
	10%{opacity:0;}
	100%{opacity:0.8;}
}
@keyframes blinkBg{
	0%{opacity:0.5;}
	10%{opacity:0;}
	100%{opacity:0.8;}
}

.skms_cont_subject{display:inline-block;position:relative;height:80px;text-align:left;font-size:30px;line-height: 1.1;font-weight:700;word-break: keep-all;letter-spacing:-0.01em;color:#de071a;transition:all .3s;}
.skms_cont_subject::after{content:'';display:inline-block;position:absolute;top:77px;left:2px;width:22px;height:2px;background:#de071a;transition:all .3s;}
.skms_cont_title{display:inline-block;position:absolute;top:21.3%;left: 50px;text-align:left;font-size:20px;line-height:40px;font-weight:100;letter-spacing:-0.04em;word-break: keep-all;color:#fff;transition:all .3s;}
.skms_cont_link{display:inline-block;position:absolute;top:85%;left: 50px;padding:12px 48px 11px 14px;margin:auto;font-size:15px;line-height:13px;color:#fff;background:#000;transition:all .3s;}
.skms_cont_link::after{content:'';display:inline-block;position:absolute;top:14px;right:10px;width:10px;height:10px;background:url(../images/desktop/plus_btn.png) no-repeat;background-size:cover;background-position:center;transition:all .3s;}
.skms_cont_a:focus .skms_cont_subject::after,.skms_cont_a:hover .skms_cont_subject::after{width:100px;}
.skms_cont_a:focus .skms_cont_link::after,.skms_cont_a:hover .skms_cont_link::after{transform:rotate(360deg);background:url(../images/desktop/tiny_right_triangle_btn.png) no-repeat;background-size:cover;background-position:center;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.skms_contentArea01>.layout_grid_cont3{height: 154.5vw;border:none;margin-top: 2.7vw;}
	.skms_cont_bg{height:119%;}
	.skms_cont_a{padding: 17% 0% 0% 6.5%;}
	body[data-device="mobileView"] .skms_cont_a::before{display:none;}
	body[data-device="mobileView"] .skms_cont_a::after{display:none;}
	.skms_cont_bg::after{opacity:0.7;}

	.skms_cont_subject{height:24vw;font-size: 8.5vw;font-weight:600;line-height:1.5;}
	.skms_cont_subject::after{top: 103%;width: 5.2vw;}
	.skms_cont_title{top: 34%;left:6.6666%;font-size: 4.6vw;line-height: 1.58;letter-spacing: -0.06em;}
	.skms_cont_link{top:86.43%;left:6.6666%;width: 28%;height:5.2722%;padding: 2.2% 2.2% 2.2% 3%;margin:auto;font-size: 3.3vw;line-height:1;letter-spacing: -0.03em;opacity:1;}
	.skms_cont_link::after{top: 35.87%;right:9.66183%;width: 9%;height: 34%;opacity:1;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.skms_contentArea01>.layout_grid_cont3{height:60vw;}
	.skms_cont_bg{height:118%;}
	.skms_cont_a{padding: 50px 40px;}
	.skms_cont_title{top:25%;left: 40px;width: 80%;font-size:20px;}
	.skms_cont_link{left: 40px;}
}

/* 링크 영역 */
.skms_linkArea{border-right:5px solid #fff;border-left:5px solid #fff;}
.skms_linkArea>article{display:inline-block;position:relative;height:326px;border-right-width:5px;border-left-width:5px;vertical-align:top;}

.skms_link_a{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;}

.skms_link_bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.skms_link_bg::before{content:'';display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height;100%;margin:auto;opacity:0;transform:scale(1);transition:opacity .3s, transform 1s ease-out;}
.skms_link_a:focus .skms_link_bg::before,.skms_link_a:hover .skms_link_bg::before{opacity:1;transform:scale(1.02);}
.skms_link01 .skms_link_bg{background:url(../images/desktop/about/skms_link01_bg.jpg);background-size:cover;background-position:center;}
.skms_link02 .skms_link_bg{background:url(../images/desktop/about/skms_link02_bg.jpg);background-size:cover;background-position:center;}
.skms_link01 .skms_link_bg::before,.skms_link01 .skms_link_bg::before{background:url(../images/desktop/about/skms_link01_bg_color.jpg);background-size:cover;background-position:center;}
.skms_link02 .skms_link_bg::before,.skms_link02 .skms_link_bg::before{background:url(../images/desktop/about/skms_link02_bg.jpg);background-size:cover;background-position:center;}

.skms_link_title{display:inline-block;position:absolute;top:28%;left:10%;text-align:left;font-size:30px;line-height:1.5;color:#fff;}
.skms_link_p{display:inline-block;position:relative;top:65.7%;left:10%;height:30px;font-size:15px;line-height:13px;color:#fff;overflow:hidden;}
body[data-device="desktopView"] .skms_link_p::after{content:'';display:inline-block;position:absolute;top:24px;left:0px;width:100%;height:1px;background:#fff;transition:opacity 1s ease-out;}
body[data-device="desktopView"] .skms_link_a:focus .skms_link_p::after,body[data-device="desktopView"] .skms_link_a:hover .skms_link_p::after{left:151%;width:100%;opacity:0;transition:all .3s ease-out;}
body[data-device="desktopView"] .skms_link_p::before{content:'';display:inline-block;position:absolute;top:24px;left:-120%;width:100%;height:1px;background:#fff;transition:all .3s ease-out;}
body[data-device="desktopView"] .skms_link_a:focus .skms_link_p::before,body[data-device="desktopView"] .skms_link_a:hover .skms_link_p::before{left:-20%;width:120%;transition:all 0.4s cubic-bezier(0.58, -0.34, 1, 1);}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.skms_linkArea{border:none;margin-top:2vw;}
	.skms_linkArea>article{height:33vw;border:none;}
	.skms_link_bg::before{transition:all .5s}

	.skms_link_title{display:none;}
	.skms_link_p{top:41%;left:43%;font-size:4vw;line-height:1;opacity:1;overflow:visible;}
	.skms_link02 .skms_link_p{left:10%;}
	.skms_link_p::after{content:'';display:inline-block;position:absolute;top:0;right:-11%;left:auto;left:unset;width:2vw;height:4vw;opacity:1;background:url(../images/mobile/right_triangle_btn.png);background-size:cover;background-position:center;}
	.skms_link02 .skms_link_p::after{left:-20%;background:url(../images/mobile/left_triangle_btn.png);background-size:cover;background-position:center;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.skms_linkArea>article{height:20vw;}
	.skms_link_title{font-size:2vw;}
	.skms_link_p{font-size:1vw;}
	body[data-device="desktopView"] .skms_link_p::after{top:20px;}
	body[data-device="desktopView"] .skms_link_p::before{top:20px;}
}


/*==================== About-SUPEX Depth Styles ==========================*/
/*타이틀 영역*/
.supex .layout_content{padding-top:55px;}

.supex_section01{position:relative;width:100%;max-width:2200px;height:37.8vw;max-height:500px;margin:0 auto;text-align:center;}
.supex_intro_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/desktop/about/supex_main.jpg);background-size:cover;background-position:center;transition:all .5s ease-out;}
.supex_intro_title{display:block;position:absolute;top:39.5%;width:100%;margin:auto;text-align:center;font-size:35px;font-weight:100;line-height:50px;letter-spacing:-0.06em;color:#fff;transition:all .5s ease-out;}
.supex_intro_title .point{font-weight:500;}

/*컨텐츠 영역*/
.supex_section02{position:relative;max-width:1000px;margin:60px auto 0;}
.supex_section01_img{position:absolute;top:130px;right:0;}
.supex_section01_subject{display:block;width:100%;margin-bottom:52px;text-align:left;font-size:30px;font-weight: 100;line-height:42px;letter-spacing:-0.06em;color:#000;}
.supex_section01_point{display:inline-block;position:relative;height:50px;font-size:17px;line-height:1;font-weight:600;letter-spacing:-0.01em;color:#de071a;}
.supex_section01_point::before{content:'';display:inline-block;position:absolute;top:47px;left:0;width:26px;height:2px;background:#de071a;}
.supex_section01_sub{display:block;margin-top:42px;font-size:26px;line-height:40px;font-weight:500;letter-spacing:-0.06em;color:#000;}
.supex_section01_p{display:block;position: relative;margin-top:26px;font-size:17px;line-height:27px;font-weight:400;letter-spacing:-0.06em;color: #444;}

.supex_accordion_wrap{position:relative;height:356px;margin-top:65px;margin-bottom:120px;}
.supex_accordion_group{display:inline-block;width:14.285714%;vertical-align:top;}
.supex_accordion_group.accordionOn{}
.supex_accordion_btn{position:relative;width:calc(100% - 1px);height:79px;margin-right:1px;text-align: center;border-bottom:2px solid #444;background:#f9f9f9;cursor: pointer;}
.supex_accordion_btn::before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.supex_accordion_btn h2{display:inline-block;font-size:15px;line-height:22px;text-align:center;vertical-align:middle;color:#000;}
.supex_accordion_group.accordionOn .supex_accordion_btn{border-bottom:2px solid #de071a;background: #fff;}
.supex_accordion_group.accordionOn .supex_accordion_btn h2{color:#de071a;}
.supex_accordion_content{position:absolute;top:79px;left:0;width:100%;height:0;border-bottom:1px solid #f1f1f1;text-align:left;letter-spacing:-0.06em;overflow:hidden;}
.supex_accordion_group.accordionOn .supex_accordion_content{height:auto;padding:40px 0 39px;}
.supex_accordion_img{display:inline-block;width:295px;height:199px;margin:0 77px 0 94px;}
.supex_accoridion_txt{display:inline-block;width: 532px;padding-top:26px;font-size:18px;line-height:25px;font-weight:400;text-align:left;letter-spacing:-0.06em;color: #444;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.supex .layout_content{padding-top:28vw;}
	.supex_intro_title{line-height:1.5;}
	.supex_section02{padding:106.8vw 7vw 20.5vw 7.3vw;margin:0 auto;overflow:hidden;}
	.supex_section01_img{top:179.5vw;right:-4.5vw;width:69vw;}
	.supex_section01_sub{margin-top:6vw;font-size:5.35vw;line-height:1.5;}
	.supex_section01_subject{position:absolute;top:0;left:0;height:97vw;padding:26.8vw 0vw;margin:0;text-align:center;font-size:7.5vw;font-weight:300;line-height:1.45;letter-spacing:-0.06em;color:#fff;background:url(../images/mobile/about/supex_main.jpg) no-repeat;background-size:cover;transition: all .5s ease-out;}
	.supex_section01_point{height:12.5vw;font-size:4vw;}
	.supex_section01_point::before{top:12vw;width:5.5vw;}
	.supex_section01_p{margin-top:5.5vw;font-size:4vw;line-height:1.5;font-weight:400;color:#444;}

	.supex_accordion_wrap{border-top:1px solid #a9a9a9;margin-top:39vw;margin-bottom:0;height:auto;}
	.supex_accordion_group{width:100%;}
	.supex_accordion_group.accordionOn{}
	.supex_accordion_btn{width:100%;border-bottom:1px solid #f1f1f1;text-align:left;height: 15.0vw;margin:0;text-align: unset;background:#fff;}
	.supex_accordion_btn::before{position:absolute;top:6vw;right:1.5vw;width:2.9vw;height:2.8vw;background:url(../images/mobile/tiny_black_plus.png) no-repeat;background-size:cover;background-position:center;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:transform .3s ease-out;}
	.accordionOn .supex_accordion_btn::before{background:url(../images/mobile/tiny_black_minus.png) no-repeat;background-size:cover;background-position:center;-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
	.supex_accordion_btn h2{font-size:4.35vw;font-weight:400;line-height:1;color:#222;}
	.supex_accordion_group.accordionOn .supex_accordion_btn{border-bottom:1px solid #f1f1f1;}
	.supex_accordion_content{position:relative;top:0;padding-right:10vw;border-bottom:none;font-size:4vw;line-height:1.5;text-align:left;color:#444;}
	.supex_accordion_group.accordionOn .supex_accordion_content{padding:5vw 10vw 4.8vw 0;border-bottom:1px solid #f1f1f1;transition:all .3s ease-out;}
	.supex_accoridion_txt{width: 100%;padding:0;font-size:4vw;line-height:1.5;text-align:left;color:#444;}
}


/*==================== About-Affiliates Depth Styles ==========================*/
/*타이틀 영역*/
.affiliates .layout_content{padding-top:55px;}

.affiliates_section01{position:relative;width:100%;max-width:2200px;height:37.8vw;max-height:500px;margin:0 auto;text-align:center;}
.affiliates_intro_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/desktop/about/affiliates_main.jpg);background-size:cover;background-position:center;transition: all .5s ease-out;}
.affiliates_intro_title{display:block;position:absolute;top:40%;width:100%;margin:auto;text-align:center;font-size:35px;font-weight:100;line-height:50px;letter-spacing:-0.06em;color:#fff;transition: all .5s ease-out;}
.affiliates_intro_title .point{font-weight:500;}
.affiliates_sub{display:block;position:absolute;top:58.76%;width:100%;margin:auto;text-align:center;font-size:15px;font-weight:300;line-height:32px;letter-spacing:-0.06em;color:#fff;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.affiliates .layout_content{padding-top:28vw;}
	.affiliates_section01{padding:35.7vw 7vw 5.5vw 7vw;}
	.affiliates_title{}
	.affiliates_sub{margin:0;font-size:5.3vw;font-weight:500;}
	.affiliates_sub .point{color:#de071a;}
}

/*슬라이더 영역*/
.affiliates_section02{position:relative;max-width:1010px;margin:63px auto 0;text-align:ce;}
.affiliates_section02_subject{display:block;width:100%;margin:0 auto 53px;text-align:left;font-size:30px;font-weight: 100;line-height:40px;letter-spacing:-0.06em;color:#000;}
.affiliates_section02_point{display:inline-block;position:relative;height:49px;padding-left:6px;font-size:17px;line-height:1;font-weight:600;letter-spacing:-0.01em;color:#de071a;}
.affiliates_section02_point::before{content:'';display:inline-block;position:absolute;top:47px;left:6px;width:25px;height:2px;background:#de071a;}

.affiliates_slider_wrap{margin-top:50px;}
.affiliates_slide{width:327px;height:540px;padding:2px 5px;}/*mib200601 height 수정*//*mib210205 height 수정*/
.affiliates_slide_a{display:inline-block;position:relative;width:100%;height:100%;}
.affiliates_slide_a:active,.affiliates_slide_a:focus{outline:2px solid #de071a;}
.affiliates_slide_bg{position:absolute;top:0;left:0;width:100%;/*height:100%;*/}/*mib200601 htight 삭제*/
.affiliates_slide_dimmed{position:absolute;bottom:0;left:0;width:100%;height:290px;background:rgba(0,0,0,1);}/*mib200601 bg 수정*//*mib210205 height수정*//*mib210205 height 수정*/
.affiliates_slide_title{display:inline-block;position:absolute;top:51%;right:0;left:0;width:100%;}/*mib200601 top 수정*//*mib210205 top수정*/
.affiliates_slide_title:lang(en) {top:53%;}/*mib210205 top추가*/
.affiliates_slide_title:lang(zh) {top:53%;}/*mib210205 top추가*/
.affiliates_slide_logo{height:48px;margin:0 auto;}
.affiliates_slide_p{position:absolute;top:65%;left:0;width:100%;font-size:15px;line-height: 25px;letter-spacing:-0.06em;font-weight:300;text-align:center;word-break:keep-all;color:#fff;}/*mib200601 top 수정*//*mib210205 top수정*/
.affiliates_slide_p:lang(en) {top:67%;}/*mib200601 top 추가*//*mib210205 top수정*/
.affiliates_slide_p:lang(zh) {top:67%;}/*mib200601 top 추가*//*mib210205 top수정*/

.affiliates_btn_wrap{/* position:absolute; *//* top:233px; *//* right:0; *//* left:0; *//* width: 1010px; *//* margin:0 auto; */}
.affiliates_prev{position:absolute;top: 328px;left:-58px;width:25px;height:45px;background:url(../images/desktop/left_slide_btn.png) no-repeat;}/*mib200601 top 수정*/
.affiliates_next{position:absolute;top: 328px;right:-60px;width:25px;height:45px;background:url(../images/desktop/right_slide_btn.png) no-repeat;}/*mib200601 top 수정*/

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.affiliates_section02{padding:106.8vw 0 0 0;margin:0;}
	.affiliates_section02_subject{position:absolute;top:0;left:0;height:97vw;padding:26.8vw 0vw;margin:0;text-align:center;font-size:7.5vw;font-weight:300;line-height:1.45;letter-spacing:-0.06em;color:#fff;background:url(../images/mobile/about/affiliates_main.jpg) no-repeat;background-size:cover;transition:all .5s ease-out;}
	.affiliates_section02_point{height:12.5vw;padding:0 7.3vw 0;font-size:4vw;}
	.affiliates_section02_point::before{top:12vw;width:5.5vw;left:7.3vw;}
	.affiliates_slider_wrap{margin-top:8vw;}
	.affiliates_slide{width:77vw;height:111.5vw;padding:0 1.6vw;}/*mib210205 height 수정*/
	.affiliates_slide_a{}
	.affiliates_slide_bg{}
	.affiliates_slide_dimmed{height:52%;}/*mib200601 height 수정*//*mib210205 height 수정*/
  .affiliates_slide_dimmed:lang(en) {height:54%;}/*mib200601 추가*//*mib210205 height 수정 *//*mib210222 수정*/
  .affiliates_slide_dimmed:lang(zh) {height:52%;}/*mib200601 추가*//*mib210205 height 수정*/
	.affiliates_slide_logo{height:100%;}
	.affiliates_slide_title{height:10vw;}
	.affiliates_slide_p{top:67.5%;font-size: 3.4vw;line-height:1.5;}/*mib210205 height 수정*/
	.affiliates_btn_wrap{display:none;}
	.affiliates_slide_title{top:54%;}/*mib210205 top추가*/
	.affiliates_slide_title:lang(en) {top:51%;}/*mib210205 top추가*//*mib210222 수정*/
	.affiliates_slide_title:lang(zh) {top:54%;}/*mib210205 top추가*/
	.affiliates_slide_p:lang(en) {top:64%;}/*mib210205 top추가*//*mib210222 수정*/
	.affiliates_slide_p:lang(zh) {top:70%;}/*mib210205 top추가*/
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/ 
	.affiliates_prev{left:25px;}
	.affiliates_next{right:25px;}
}

/*검색 영역*/
.affiliates_section03{margin-top:70px;height:220px;background:#f4f4f4;}
.affiliates_search_wrap{position:relative;width:1024px;margin:0 auto;}
.affiliates_search_title{padding:53px 0 28px 205px;font-size:25px;line-height:1;font-weight:300;letter-spacing:-0.055em;text-align:left;color:#222;}
.affiliates_search_title .strong{font-weight:500;}
.affiliates_searchInput{position:absolute;top:109px;left:203px;width:618px;height:64px;padding: 0px 56px 0px 30px;border:2px solid #666;border-radius:60px;margin:0 auto;font-size:19px;line-height: 64px;letter-spacing:-0.02em;color:#222;background:#fff;}
.affiliates_searchInput::-webkit-input-placeholder {color:#999;}
.affiliates_searchInput::-moz-placeholder {color:#999;}
.affiliates_searchInput:-ms-input-placeholder {color:#999;}
.affiliates_searchInput:-moz-placeholder {color:#999;}
.affiliates_searchBtn{position:absolute;top: 130px;left:770px;width:28px;height:28px;background:url(../images/mobile/searchBlack_bigBtn.png) no-repeat;background-size:cover;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.affiliates_section03{margin-top:7vw;height:45vw;}
	.affiliates_search_wrap{width:100%;}
	.affiliates_search_title{padding:5vw 0vw 0vw 7vw;font-size:5.3vw;line-height:1.5;font-weight:300;letter-spacing:-0.05em;text-align:left;color:#222;}
	.affiliates_search_title .strong{}
	.affiliates_searchInput{top:25vw;left:7vw;width:85.5vw;height:13.5vw;padding:0 8vw 0 4.5vw;border-radius:15vw;font-size:4vw;line-height:24px;letter-spacing:-0.06em;background:#fff;}
	.affiliates_searchBtn{top:29vw;left:82.5vw;width:5.5vw;height:5.5vw;}
}

/*mib200512 추가//*/
@media (min-width: 1024px) and (max-height: 700px) {
  .popupContent{position:fixed;height:calc(100% - 100px) !important;}
}
@media (min-width: 1024px) and (max-height: 700px) {
  .msie9 .popupContent{position:fixed;height:calc(100% - 150px) !important;top:70px;}
}
/*//mib200512 추가*/

/*결과 영역*/
.affiliates_section04{width:1000px;padding-top:53px;margin:0 auto;}
.affiliates_result_wrap .linkFamily_li{height:50px;margin-bottom:30px;}
.affiliates_result_wrap .linkFamily_li:last-child{margin-bottom:120px;}
.affiliates_result_wrap .linkFamily_empty:last-child{padding:0;margin:180px 0;width:100%;font-size:20px;line-height:1;text-align:center;color:#666666;opacity:1;}

.affiliates_result_wrap .linkFamily_a{position:static;position:unset;width:220px;padding:0 10px 0 0;font-size:20px;line-height:1.3;text-align:left;vertical-align:top;word-break:keep-all;color:#000;background:none !important;}
.affiliates_result_wrap .linkFamily_a::before{content:'';display:none;}
.affiliates_result_wrap .linkFamily_default .linkFamily_a::before{display:none;}
.affiliates_result_wrap .linkFamily_a::after{content:'';display:none;}
.affiliates_result_wrap .linkFamilySubOn .linkFamily_a::before,.linkFamilySubOn .linkFamily_a::before{display:none;}

.affiliates_result_wrap .linkFamilySub_wrap{display:inline-block;position:static;position:unset;width:740px;font-size:0;vertical-align:top;background:#fff;animation:unset;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_wrap{background:#fff;}
.affiliates_result_wrap .linkFamilySub_calcel_btn{display:none;}
.affiliates_result_wrap .linkFamilySub_a{width:150px;margin-right:20px;}
.affiliates_result_wrap .linkFamilySub_a::before{content:'';display:inline-block;position:absolute;top:0;left:0px;width:100%;height:100%;box-sizing:border-box;padding:17px 15px 18px;border:1px solid #a9a9a9;font-size:15px;line-height:1;letter-spacing:-0.06em;color:#000;}
.affiliates_result_wrap .linkFamilySub_home_a::before{content:'홈페이지';}
.affiliates_result_wrap .linkFamilySub_blog_a::before{content:'블로그';}
.affiliates_result_wrap .linkFamilySub_facebook_a::before{content:'페이스북';}
.affiliates_result_wrap .linkFamilySub_twitter_a::before{content:'트위터';}
.affiliates_result_wrap .linkFamilySub_instagram_a::before{content:'인스타그램';}
.affiliates_result_wrap .linkFamilySub_youtube_a::before{content:'유튜브';}
.affiliates_result_wrap .linkFamilySub_etc_a::before{content:'기타';}
.affiliates_result_wrap .linkFamilySub_a::after{content:'';display:inline-block;position:absolute;top:0;left:auto;left:auto;left:unset;right:0;width:50px;height:50px;background-color:#505458;}
.affiliates_result_wrap .linkFamilySub_a:nth-child(2):focus::after,.affiliates_result_wrap .linkFamilySub_a:nth-child(2):hover::after{background-color:#29a4ac;}
.affiliates_result_wrap .linkFamilySub_a:nth-child(3):focus::after,.affiliates_result_wrap .linkFamilySub_a:nth-child(3):hover::after{background-color:#41b6be;}
.affiliates_result_wrap .linkFamilySub_a:nth-child(4):focus::after,.affiliates_result_wrap .linkFamilySub_a:nth-child(4):hover::after{background-color:#5fc9d0;}
.affiliates_result_wrap .linkFamilySub_a:nth-child(5):focus::after,.affiliates_result_wrap .linkFamilySub_a:nth-child(5):hover::after{background-color:#77d5db;}

.affiliates_result_wrap .linkFamilySub_home_a::after{background-image:url(../images/desktop/linkFamilySub_home_img.png);background-repeat:no-repeat;background-position:center;background-size: 14px 17px;}
.affiliates_result_wrap .linkFamilySub_blog_a::after{background-image:url(../images/desktop/linkFamilySub_blog_img.png);background-repeat:no-repeat;background-position:center;background-size:15px 17px;}
.affiliates_result_wrap .linkFamilySub_facebook_a::after{background-image:url(../images/desktop/linkFamilySub_facebook_img.png);background-repeat:no-repeat;background-position:center;background-size: 12px 24px;}
.affiliates_result_wrap .linkFamilySub_twitter_a::after{background-image:url(../images/desktop/linkFamilySub_twitter_img.png);background-repeat:no-repeat;background-position:center;background-size:24px 21px;}
.affiliates_result_wrap .linkFamilySub_instagram_a::after{background-image:url(../images/desktop/linkFamilySub_instagram_img.png);background-repeat:no-repeat;background-position:center;background-size: 26px 26px;}
.affiliates_result_wrap .linkFamilySub_youtube_a::after{background-image:url(../images/desktop/linkFamilySub_youtube_img.png);background-repeat:no-repeat;background-position:center;background-size: 27px 19px;}
.affiliates_result_wrap .linkFamilySub_etc_a::after{background-image:url(../images/desktop/linkFamilySub_etc_img.png);background-repeat:no-repeat;background-position:center;background-size:15px 15px;}

.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_home_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_home_img.png);background-repeat:no-repeat;background-position:center;background-size:12px 13px;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_blog_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_blog_img.png);background-repeat:no-repeat;background-position:center;background-size:12px 13px;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_facebook_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_facebook_img.png);background-repeat:no-repeat;background-position:center;background-size:10px 18px;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_twitter_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_twitter_img.png);background-repeat:no-repeat;background-position:center;background-size:18px 15px;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_instagram_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_instagram_img.png);background-repeat:no-repeat;background-position:center;background-size:18px 15px;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_youtube_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_youtube_img.png);background-repeat:no-repeat;background-position:center;background-size:18px 15px;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_etc_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_etc_img.png);background-repeat:no-repeat;background-position:center;background-size:15px 15px;}

.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(2)::before{background:unset;animation:none;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(3)::before{background:unset;animation:none;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(4)::before{background:unset;animation:none;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(5)::before{background:unset;animation:none;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(2)::after{opacity:initial;opacity:unset;animation:none;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(3)::after{opacity:initial;opacity:unset;animation:none;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(4)::after{opacity:initial;opacity:unset;animation:none;}
.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(5)::after{opacity:initial;opacity:unset;animation:none;}
.affiliates_result_wrap .msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(2)::before{background:unset;}
.affiliates_result_wrap .msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(3)::before{background:unset;}
.affiliates_result_wrap .msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(4)::before{background:unset;}
.affiliates_result_wrap .msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(5)::before{background:unset;}
.affiliates_result_wrap .msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(2)::after{opacity:1;}
.affiliates_result_wrap .msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(3)::after{opacity:1;}
.affiliates_result_wrap .msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(4)::after{opacity:1;}
.affiliates_result_wrap .msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(5)::after{opacity:1;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.affiliates_section04{width:100%;padding:9vw 7vw 0vw 7vw;}
	
	.affiliates_result_wrap{}
	.affiliates_result_wrap .linkFamily_li{height:auto;margin-bottom:9vw;}
	.affiliates_result_wrap .linkFamily_li:last-child{margin-bottom:120px;}
	.affiliates_result_wrap .linkFamily_empty:last-child{margin:26.8vw 0;font-size:4vw;}
	.affiliates_result_wrap .linkFamily_a{position:static;position:unset;width:100%;padding:0;font-size:5.3vw;line-height:1;font-weight:500;text-align:left;letter-spacing:-0.06em;vertical-align:top;color:#222;background:none !important;}
	
	.affiliates_result_wrap .linkFamilySub_wrap{display:inline-block;position:static;position:unset;width:100%;margin-top:2.8vw;font-size:0;vertical-align:top;}
	.affiliates_result_wrap .linkFamilySub_a{width:25%;height:21vw;margin-right:0;}
	.affiliates_result_wrap .linkFamilySub_a::before{width:100%;height:100%;padding:0vw 0;border:none;font-size:0px;line-height:1;letter-spacing:-0.06em;color:rgba(255,255,255,0);}
	.affiliates_result_wrap .linkFamilySub_a::after{content:'';display:inline-block;position:absolute;top:0;left:auto;left:unset;right:0;width:100%;height:100%;}
	.affiliates_result_wrap .linkFamilySub_a:nth-child(2)::after{background-color:#29a4ac;}
	.affiliates_result_wrap .linkFamilySub_a:nth-child(3)::after{background-color:#41b6be;}
	.affiliates_result_wrap .linkFamilySub_a:nth-child(4)::after{background-color:#5fc9d0;}
	.affiliates_result_wrap .linkFamilySub_a:nth-child(5)::after{background-color:#77d5db;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(2)::after{background-color:#29a4ac;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(3)::after{background-color:#41b6be;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(4)::after{background-color:#5fc9d0;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_a:nth-child(5)::after{background-color:#77d5db;}

	.affiliates_result_wrap .linkFamilySub_home_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_home_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySub_blog_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_blog_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySub_facebook_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_facebook_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySub_twitter_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_twitter_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySub_instagram_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_instagram_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySub_youtube_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_youtube_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySub_etc_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_etc_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_home_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_home_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_blog_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_blog_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_facebook_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_facebook_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_twitter_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_twitter_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_instagram_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_instagram_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_youtube_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_youtube_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
	.affiliates_result_wrap .linkFamilySubOn .linkFamilySub_etc_a:nth-child(1n)::after{background-image:url(../images/desktop/linkFamilySub_etc_img.png);background-repeat:no-repeat;background-position:center;background-size:5.2vw 5.2vw;background-size: auto;}
}


/*==================== Site-map Styles ==========================*/
.sitemap_section01{width:100%;height:286px;background:#f9f9f9;font-size:0;}
.sitemap_title{width:100%;max-width:1024px;padding:98px 12px 0;margin:0 auto;font-size:45px;line-height:1;font-weight:500;letter-spacing:-0.04em;color:#222;}
.sitemap_p{width:100%;max-width:1024px;padding:25px 12px 0px;margin:0 auto;font-size:20px;line-height:1;font-weight:300;letter-spacing:-0.04em;color:#222;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.sitemap_section01{height:auto;background:#fff;}
	.sitemap_title{padding:10.4vw 0 0 7vw;font-size:6vw}
	.sitemap_p{padding:2vw 26vw 0 7vw;font-size:5vw;line-height:1.38;letter-spacing:-0.02em;word-break: keep-all;}
}

.sitemap_section02{width:100%;height:560px;padding:106px 0px 0 22px;margin:0 auto;font-size:0;text-align:center;background:url(../images/desktop/dot_logo.png) no-repeat;background-position:bottom right;}
.sitemap_list_group{display:inline-block;font-size:0;text-align:left;vertical-align:top;}
.sitemap_list_group:nth-child(1){width: 262px;}
.sitemap_list_group:nth-child(2){width: 292px;}
.sitemap_list_group:nth-child(3){width: 280px;}
.sitemap_list_group:nth-child(4){width: 150px;}
.sitemap_listTitle{margin-bottom:50px;}
.sitemap_listTitle_a{font-size:24px;line-height:1;font-weight:500;letter-spacing:-0.04em;color:#222;}
.sitemap_ul{}
.sitemap_li{margin-bottom: 28px;}
.sitemap_a{font-size:20px;line-height: 1.5;font-weight:400;word-break: keep-all;letter-spacing:-0.04em;color:#222;}
.sitemap_listTitle_a:focus,.sitemap_listTitle_a:hover{color:#de071a;}
.sitemap_a:focus,.sitemap_a:hover{color:#de071a;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/ 
	.sitemap_section02{position:relative;height:auto;padding:20.5vw 0vw 5vw 7vw;background:url(../images/mobile/dot_logo.png) no-repeat;background-size:contain;background-position:center right;}
	.sitemap_section02::before{content:'';display:inline-block;position:absolute;top:9.5vw;left:7.3vw;width:5.5vw;height:3px;background:#de071a;}
	.sitemap_list_group:nth-child(1n){width:100%;margin-bottom:5.5vw}
	.sitemap_listTitle{display:inline-block;width:29%;vertical-align:top;}
	.sitemap_listTitle_a{font-size:4vw;letter-spacing:0;}
	.sitemap_ul{display:inline-block;width:70%;margin-top:-0.3vw;vertical-align:top;}
	.sitemap_li{margin-bottom:3.3vw;}
	.sitemap_a{font-size:4vw;}
	.sitemap_listTitle_a:focus,.sitemap_listTitle_a:hover{}
	.sitemap_a:focus,.sitemap_a:hover{}
}
@media only screen and (min-width:1024px) and (max-width:1050px) {
	/*Tablet*/ 
	.sitemap_section02{padding-left:0px;}
	.sitemap_list_group:nth-child(1){width: 252px;}
	.sitemap_list_group:nth-child(2){width: 282px;}
	.sitemap_list_group:nth-child(3){width: 286px;}
}


/*==================== Oops Styles ==========================*/
.oops_section01{width:100%;height:286px;background:#f9f9f9;font-size:0;}
.oops_title{width:100%;max-width:1024px;padding:119px 12px 0;margin:0 auto;font-size:45px;line-height:1;font-weight:500;letter-spacing:-0.03em;color:#222;}


@media only screen and (min-width:0) and (max-width:1023px) {
	.oops_section01{height:auto;background:#fff;}
	.oops_title{padding:9.5vw 26vw 0 7vw;font-size:6vw;line-height:1.3;word-break:keep-all;}
}

.oops_section02{width:100%;height:560px;padding:69px 0px 0 0px;font-size:0;text-align: center;background:url(../images/desktop/dot_logo.png) no-repeat;background-position:bottom right;}
.oops_list_group{display:inline-block;width: 1000px;margin: 0 auto;font-size:0;text-align:left;vertical-align:top;}
.oops_listTitle{margin-bottom:17px;font-size:20px;line-height:1;font-weight:500;letter-spacing:-0.06em;color:#222;}
.oops_li{position:relative;padding-left:10px;margin-bottom:18px;font-size:17px;line-height:1;font-weight:400;letter-spacing:-0.06em;color:#222;}
.oops_li::before{content:'';display:inline-block;position:absolute;top:9px;left:0;width:4px;height:2px;background:#666;}

@media only screen and (min-width:0) and (max-width:1023px) {
	.oops_section02{position:relative;height:auto;padding:19.5vw 0vw 6vw 7.3vw;background:url(../images/mobile/dot_logo.png) no-repeat;background-size:contain;background-position:center right;}
	.oops_section02::before{content:'';display:inline-block;position:absolute;top:9.5vw;left:7.3vw;width:5.5vw;height:3px;background:#de071a;}
	.oops_list_group:nth-child(1n){width:100%;margin-bottom:5.5vw}
	.oops_listTitle{display:inline-block;width:85%;margin-bottom:3.7vw;vertical-align:top;font-size:4vw;font-weight:500;line-height:1.35;letter-spacing:0.08em;word-break:keep-all;}
	.oops_ul{display:inline-block;width:100%;vertical-align:top;}
	.oops_li{width:84%;padding-left:2vw;margin-bottom:1.5vw;font-size:3.9vw;line-height:1.4;letter-spacing:-0.04em;word-break:keep-all;}
	.oops_li::before{top:23%;left:1px;}
}

/*==================== Popup contents Styles ==========================*/
/*skms popup*/
.skms_cont01_popup{width:100%;max-width:1200px;height:700px;background:#fff;}/*SK와 SKMS*/
.skms_cont02_popup{width:100%;max-width:1200px;height:700px;background:#fff;}/*경영철학*/
.skms_cont03_popup{width:100%;max-width:1200px;height:700px;background:#fff;}/*실행원리*/

.skms_video_popup{width:100%;height:100%;background:#fff;}
.skms_popup_wrap{position:relative;width:100%;height:100%;padding:92px 88px 0px;/* margin:0 79.5px 0px; */font-size:0;text-align:left;overflow-y:auto;}/*mib200512 height 수정*/

.skms_popup_title{display:inline-block;width:100%;padding:0 11px;margin:0 auto;text-align:left;}
.skms_popup_h1{display:inline-block;position:relative;margin-bottom:73px;font-size:15px;font-weight:bold;letter-spacing:-0.01em;color:#de071a;}
.skms_popup_h1::after{content:"";display:inline-block;position:absolute;top:59px;left:0;width:20px;height:2px;background:#de071a;}

.skms_popup_graphic01, .skms_popup_graphic02{position:absolute;}

.skms_popup_h2{position: relative;padding-left: 11px;padding-bottom:21px;font-size:28px;line-height:35px;letter-spacing:-0.01em;word-break: keep-all;}
.skms_popup_p{position:relative;z-index:1;padding-left:11px;margin-bottom:15px;font-size:15px;line-height:25px;font-weight:400;letter-spacing:-0.06em;color:#444;}
.skms_popup_p .point{font-weight:600;color:#de071a;}

.skms_popup_close_wrap{position:absolute;top:0px;right:0;left:0;z-index:2;width:100%;height:81px;text-align:center;opacity:0;background-color:#fff;}
.popupContentOn .skms_popup_close_wrap{opacity:1;}
.skms_popup_close_btn{display:inline-block;width: 43px;height: 43px;margin:30px auto 0;font-size:0;color:rgba(0,0,0,0);vertical-align:top;background-image:url(../images/desktop/popup_close_btn.png);background-repeat:no-repeat;background-size: 100%;background-position:center;}

@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
	.skms_cont01_popup,.skms_cont02_popup,.skms_cont03_popup{height:auto;}
	.skms_popup_wrap{height:auto;padding:13vw 7.3vw 27vw;vertical-align:top;}
	.skms_popup_title{padding:0 0;margin:0 auto;}
	.skms_popup_h1{height:13vw;margin-bottom:6.5vw;font-size:4vw;line-height:1;letter-spacing:-0.01em;}
	.skms_popup_h1::after{top:auto;top:unset;top:12vw;width:5.5vw;}
	.skms_popup_h2{padding-left:0vw;padding-bottom:6vw;font-size:7.5vw;line-height:1.05;font-weight:500;letter-spacing:-0.02em;}
	.skms_popup_p{padding-left:0vw;margin-bottom:4vw;font-size:4vw;line-height:1.75;letter-spacing:-0.06em;}

	.skms_popup_close_wrap{position:fixed;top:auto;bottom:0px;right:0;left:0;z-index:2;width:100%;height:70px;}/*mib200512 height 수정*/
	.skms_popup_close_btn{width:44px;height:44px;margin:13px auto 0;vertical-align:top;background-image:url(../images/mobile/popup_close_btn.png);background-repeat:no-repeat;background-size: 100%;background-position:center;}/*mib200512 width height margin 수정*/
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	/*Tablet*/
	.skms_popup_wrap{padding:92px 30px 0;}
}

/*skms popup01*/
.skms_cont01_popup .skms_popup_graphic01{top:295px;right:126px;}
.skms_cont01_popup .skms_popup_texts{margin-bottom:60px;}
.skms_cont01_popup .skms_popup_texts2{margin-bottom:40px;}

@media only screen and (min-width:0) and (max-width:1023px) {
	.skms_cont01_popup .skms_popup_graphic01{top:121vw;right:0%;width:93%;text-align:right;}
	.skms_cont01_popup .skms_popup_graphic01 .skms_cont01_popup_img01{width:100%;}
	.skms_cont01_popup .skms_popup_texts{margin-bottom:83.5vw;}
	.skms_cont01_popup .skms_popup_texts2{margin-bottom:0;}
}

/*skms popup02*/
.skms_cont02_popup .skms_popup_graphic01{top:97px;right: 62px;}
.skms_cont02_popup .skms_popup_graphic02{top:628px;left:122px;}
.skms_cont02_popup .skms_popup_texts{padding-bottom:180px;}
.skms_popup_line{position:relative;left:0;right:0;width:97%;height:1px;margin:0 auto;background: #fff;}
.skms_cont02_popup .skms_popup_texts2{padding: 55px 0 100px 550px;}
.skms_cont02_popup .skms_popup_fnote{width:100%;padding:3px 0 0 9px;font-size:13px;letter-spacing:-0.03em;m;color:rgba(0,0,0,0.5);}

@media only screen and (min-width:0) and (max-width:1023px) {
	.skms_cont02_popup .skms_popup_graphic01{top:128vw;right:auto;right:unset;left:4.5vw;width:91vw;}
	.skms_cont02_popup .skms_popup_graphic01 img{width: 100vw;}
	.skms_cont02_popup .skms_popup_graphic02{top:332.8vw;left:4vw;width:92vw;}
	.skms_cont02_popup .skms_popup_graphic02 img{width:100vw;}
	.skms_cont02_popup .skms_popup_texts{padding-bottom:103vw;}
	.skms_popup_line{display:none;}
	.skms_cont02_popup .skms_popup_texts2{padding:0vw 0 0 0vw;margin-bottom:66.5vw;}
	.skms_cont02_popup .skms_popup_texts2 h2{padding:0 0 5vw;line-height:1.25;}
	.skms_cont02_popup .skms_popup_fnote{width:100%;padding:0vw 0 0 0vw;margin-top:-1vw;font-size:3.5vw;line-height:1.7;letter-spacing:-0.03em;m;font-weight:500;color:rgba(0,0,0,0.5);}	
}

/*skms popup03*/
.skms_cont03_popup .skms_popup_graphic01{top:300px;left:-117px;}
.skms_cont03_popup .skms_popup_texts{margin-bottom: 260px;}
.skms_cont03_popup .skms_popup_texts2{padding:0 0 0 70%;margin-bottom:50px;}

@media only screen and (min-width:0) and (max-width:1023px) {
	.skms_cont03_popup .skms_popup_graphic01{top:127vw;left:0;width:100%;}
	.skms_cont03_popup .skms_popup_graphic01 img{width:100vw;}
	.skms_cont03_popup .skms_popup_texts{margin-bottom:96vw;}
	.skms_cont03_popup .skms_popup_texts2{position:relative;padding:0 0 0 0;margin-bottom:0vw;}	
}

/*History popup*/
.history_popup_close_btn{position:absolute;top:40px;right:0;left:0;z-index:1;width:42px;height:42px;margin:auto;font-size:30px;color:#000;background:url(../images/desktop/popup_close_btn.png) no-repeat;background-size:cover;}
.history_popup_wrap{width:100%;height:100%;min-height:100%;padding:130px 0px 0;margin:0 auto;font-size:0;background:#fff;}

/*==================== skchannel page Styles ========================== mib190614 미디어-skchannel 추가//*/
/*-------------------- layout_common --------------------*/
.skchannel.popup-is-opened{overflow:hidden;}
@media only screen and (min-width:0) and (max-width:1023px) {
	.media.skchannel .layout_content{padding-top:150px;}
	.media.skchannel .layout_grid_wrap{max-width:none;padding: 0 0 20vw;overflow:hidden;}
	.media.skchannel .layout_footer{margin-top:0;}
}
@media only screen and (min-width:1024px) {
	.media.skchannel .layout_content{padding-top:54px;}
	.media.skchannel .layout_grid_wrap{max-width:1000px;padding: 70px 0 80px;}/*=mib190618 padding 수정*/
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	.media.skchannel .layout_grid_wrap{padding-top: 30px;}
}
/*-------------------- skchannel_title & nav --------------------*/
@media only screen and (min-width:0) and (max-width:1023px) {
	.skchannel-titlegroup{display:none;}

	.skchannel-nav{position:fixed;top:106px;z-index:1;width:100%;height:46px;background:#262626;overflow-x:auto;overflow-y:hidden;transition:top 0.3s;}
	.skchannel-nav.is-scrolled{top:61px;}
	.skchannel-nav-containner{font-size:0;min-width:100%;}
	.skchannel-nav-btn{display:inline-block;position:relative;padding:0 18px;border:0;margin:0;font-size:14px;font-weight:500;line-height:46px;letter-spacing:0;color:#fff;vertical-align:top;}
	.skchannel-nav-btn.is-active{color:#d70000;}
	.skchannel-nav-btn.is-active::before{content:'';position:absolute;bottom:0;right:0;left:0;width:100%;height:3px;background:#d70000;}
}
@media only screen and (min-width:1024px) {
	.skchannel-title{font-size:40px;font-weight:500;letter-spacing:-0.03em;line-height:1;color:#000000;}
	.skchannel-sub{margin-top:18px;margin-bottom:60px;font-size:20px;font-weight:300;line-height:30px;letter-spacing:-0.06em;color:#000000;}
	.skchannel-sub .strong{font-weight:400;}

	.skchannel-nav{display:none;}
}
/*-------------------- skchannel_video lists --------------------*/
@media only screen and (min-width:0) and (max-width:1023px) {
	.skchannel-cate-group{padding:5.334vw 7.34vw 0;}
	.skchannel-cate-title{display:block;margin-bottom:5.34vw;font-size:4vw;font-weight:700;line-height:1;letter-spacing: -0.01em;color:#d70000;}
	.skchannel-cate-cont{display:block;width:100%;padding:0;border:0;margin:0 auto 8.54vw;text-align:left;}
	.skchannel-cate-cont-clip{position:relative;width:100%;height:0;padding-bottom:56.2%;}/*=mib190618 padding-bottom 수정*/
	.skchannel-cate-cont-thumb{position:absolute;top:0;left:0;width:100%;height:100%;}
	.skchannel-cate-cont-title{margin-top:15px;font-size:4.2vw;font-weight:400;line-height:1.2941;letter-spacing: -0.06em;color:#000;/*height:12vw;*/overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}/*=mib190618 height 제거*/
	.skchannel-cate-cont-date{margin-top:10px;font-size:2.6vw;font-weight:400;line-height:1;letter-spacing: -0.04em;color:#999;}/*=mib190618 margin-top, font-size 수정*/
}
@media only screen and (min-width:1024px) {
	.skchannel-cate-group{margin-bottom:70px;}
	.skchannel-cate-title{display:block;margin-bottom:20px;font-size:17px;font-weight:700;line-height:1;letter-spacing: -0.01em;color:#d70000;}
	.skchannel-cate-contgroup{font-size:0;}
	.skchannel-cate-cont{display:inline-block;width:23%;height:223px;padding:0;border:0;margin:0;margin-right:2.6666%;text-align:left;vertical-align:top;}/*=mib190618 height, vertical-align 추가*/
	.skchannel-cate-cont:last-child{margin-right:0;}
	.skchannel-cate-cont-clip{position:relative;width:100%;height:0;padding-bottom:56.2%;overflow:hidden;}/*=mib190618 padding-bottom 수정*/
	.skchannel-cate-cont-thumb{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;}
	.skchannel-cate-cont-clip:hover .skchannel-cate-cont-thumb{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform 0.8s ease;transition:-webkit-transform 0.8s ease;-o-transition:transform 0.8s ease;transition:transform 0.8s ease;transition:transform 0.8s ease, -webkit-transform 0.8s ease;}
	.skchannel-cate-cont-clip::before{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;transition:opacity 0.3s ease;}
	.skchannel-cate-cont-clip:hover::before{opacity:1;}
	.skchannel-cate-cont-clip::after{content:'';display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:url('../images/desktop/media/skchannel-play-btn_lg.png') no-repeat;background-size:230px auto;background-position:center;opacity:0;}
	.skchannel-cate-cont-clip:hover::after{opacity:1;transition:opacity 0.5s ease;}
	.skchannel-cate-cont-title{margin-top:15px;font-size:17px;font-weight:400;line-height:24px;letter-spacing: -0.06em;color:#000;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
	.skchannel-cate-cont-date{margin-top:15px;font-size:13px;font-weight:400;line-height:1;letter-spacing: -0.04em;color:#999;}
}

/*-------------------- skchannel_popup --------------------*/
@media only screen and (min-width:0) and (max-width:1023px) {
	.skchannel-popup{display:none;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(255,255,255,1);opacity:0;}
	.skchannel-popup.is-active{display:block;z-index:99;opacity:1;overflow:auto;transition:opacity 0.3s ease;}
	.skchannel-popup-content{position:relative;padding:7.4vw 0 240px;margin:auto;width:100%;min-height:100%;background:#fff;}/*mib20200130 padding 수정*/
	.skchannel-popup-close{position:absolute;bottom:15px;right:0;left:0;width:42px;height:42px;margin:0 auto;background:url("../images/mobile/media/skchannel-popup-close_sm.png") no-repeat;background-size:contain;background-position:center;}
	.skchannel-popup-cate{display:block;padding:0 7.34vw;margin-bottom:4vw;font-size:3.46vw;font-weight:500;line-height:1;letter-spacing: -0.04em;color:#ec0024;}
	.skchannel-popup-title{height:14.6vw;padding:0 7.34vw;margin-bottom:4.8vw;font-size:5.3vw;font-weight:500;line-height:1.375;letter-spacing: -0.06em;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
	.skchannel-popup-video{position:relative;width:100%;height:0;padding-bottom:56%;}
	.skchannel-popup-youtube{position:absolute;top:0;left:0;width:100%;height:100%;}
}
@media only screen and (min-width:1024px) {
	.skchannel-popup{display:none;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,0.85);opacity:0;}
	.skchannel-popup.is-active{display:block;z-index:99;opacity:1;overflow:auto;transition:opacity 0.3s ease;}
	.skchannel-popup-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:100px 74px 80px;margin:auto;width:1000px;height:776px;background:#fff;}/*mib20200130 padding 수정*/
	.skchannel-popup-close{position:absolute;top:30px;right:0;left:0;width:44px;height:44px;margin:0 auto;background:url("../images/desktop/media/skchannel-popup-close_lg.png") no-repeat;background-size:contain;background-position:center;}
	.skchannel-popup-cate{display:block;margin-bottom:14px;font-size:17px;font-weight:700;line-height:1;letter-spacing: -0.01em;color:#d70000;}
	.skchannel-popup-title{margin-bottom:25px;font-size:20px;font-weight:400;line-height:24px;letter-spacing: -0.06em;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}/*mib20200130 margin 수정*/
	.skchannel-popup-video{position:relative;width:100%;height:480px;}
	.skchannel-popup-youtube{position:absolute;top:0;left:0;width:100%;height:100%;}
}
/*//mib190614 미디어 - skchannel 추가*/

/*mib20200116//*/
.video-controls-wrap {position:absolute;bottom:24px;right:21px;}
.video-controls-wrap .video-controls-btn {position:absolute;right:0;bottom:0;display:none;width:13px;height:16px;border:0;padding:0;margin:0;opacity:0;}
.video-controls-wrap .video-controls-btn:hover,.video-controls-wrap .video-controls-btn:focus{opacity:1;}
.video-controls-wrap .video-controls-btn.is-active{display:block;}
.video-controls-wrap .video-controls-btn.play {background:url("../images/desktop/icon-play_lg.png") center center / 13px auto no-repeat;}
.video-controls-wrap .video-controls-btn.pause {background:url("../images/desktop/icon-pause_lg.png") center center / 13px auto no-repeat;}
.video-controls-wrap .video-controls-btn.play.bk {background:url("../images/desktop/icon-play-bk_lg.png") center center / 13px auto no-repeat;}
.video-controls-wrap .video-controls-btn.pause.bk {background:url("../images/desktop/icon-pause-bk_lg.png") center center / 13px auto no-repeat;}
/*//mib20200116*/

/*mib20200130 추가*/
.skchannel-popup-youtube .sub-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 7px 30px 10px;
  margin: 40px auto 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  color: #666;
  background: #f6f6f6;
  overflow-y: auto;
  opacity: 0;
}
@media (max-width:1023px) {
  .skchannel-popup-youtube .sub-wrap {
    height: 70px;
    margin-top: 50px;
  }
}
.skchannel-popup-youtube .sub-wrap span {
  line-height: 30px;
}
.skchannel-popup-youtube .sub-wrap.is-active {
  opacity: 1;
}
.skchannel-popup-youtube .btn-sub-toggle {
  position: absolute;
  bottom: -40px;
  right: 0;
  z-index: 1;
  width: 80px;
  height: 26px;
  padding: 0;
  border: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.06em;
  text-align: left;
  color: #000;
  background: red;
  background: url(../images/common/icon-arrow-down_lg.png) right center / 18px auto no-repeat;
}
@media (max-width:1023px) {
  .skchannel-popup-youtube .btn-sub-toggle {
    right: 10px;
  }
}
.skchannel-popup-youtube .btn-sub-toggle.is-active {
  background: url(../images/common/icon-arrow-up_lg.png) right center / 18px auto no-repeat;
}
.skchannel-popup-youtube .btn-sub-toggle.is-acitve {
  opacity: 0;
}
.skchannel-popup-youtube .btn-sub-toggle.is-acitve:hover, .skchannel-popup-youtube .btn-sub-toggle.is-acitve:focus {
  opacity: 1;
}
/*mib200907 skms 분기//*/
/*//mib200907 skms 분기*/

/*mib200630 url복사 버튼 추가*/
@media (max-width: 1023px) {
  .media.news .news_view_section01 .news_view_top>div .top_link {
    display:block;position:absolute;top:7vw;right:7vw;width:3.2vw;height:3.2vw;background: url('../images/mobile/btn-link_sm.png') center center / 2.4vw auto no-repeat;
  }
}
@media (min-width: 1024px) {
  .media.news .news_view_section01 .news_view_top>div .top_link {
    display:block;position:absolute;top:26px;right:26px;width:20px;height:20px;background: url('../images/mobile/btn-link_sm.png') center center / 13px auto no-repeat;
  }
}