@charset "UTF-8";

/**
 * common.css
 *
 * @desc SK GROUP Renewal project
 * @author Lee SeungJu
 * @contact 061@mediabrain.co.kr
 *
*/

/*==================== Reset ==========================*/
/* Common Style */
*{margin:0;padding:0;box-sizing:border-box;}
html{font-family:sans-serif;background-color:#fff;}
body{min-width:320px;padding:0;margin:0;font-family:'Noto Sans KR',sans-serif;font-size:1rem;line-height:1.5;background-color:#fff;}

/* Set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary{display:block;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,font,img,ins,q,s,samp,strike,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0 none;line-height:1.5;}
body{position:relative;word-break:break-all;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;}
header,h1{font-size:100%;}
html,body{height:100%;}
caption,legend{position:absolute;top:-9999px;left:-9999px;visibility:hidden;width:0;height:0;font-size:0;overflow:hidden;}
caption{display:none;}
img{vertical-align:top;border:none;}
select,input{vertical-align:top;border:0px;border-radius:0;background-color:transparent;}
hr{display:none;border:0 none;}
ol,ul,ul li{list-style:none;}
em{font-style:normal;}
menu li{list-style:none;}
address{font-style:normal;display:inline;}
button{cursor:pointer;border:0px;border-radius:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
table{border-spacing:0;border-collapse:collapse;}
input,textarea,keygen,select,button{font-family:'Noto Sans KR',sans-serif;}
strong{font-weight:normal;}
dfn{font-style:normal;}

/* Link Style */
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:focus{}
a:hover{text-decoration:none;}
.is-hidden{display:none !important;}
.visible-hidden{visibility:hidden !important;}
.clear{clear:both;}
.txt-center{text-align:center !important;}
.inline-block{display:inline-block;vertical-align:middle;}

/* Forms */
fieldset{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select,input[type=radio],input[type=submit],input[type=search]{cursor:pointer;border:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;}
input:focus,button:focus,textarea:focus{}
select,div{}

/* heading */
body,input,textarea,select,button{font-family:"Noto Sans KR","Malgun Gothic","맑은 고딕","Nanum Gothic","나눔 고딕","돋움",dotum,sans-serif;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;}
img{max-width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
em{color:#000;}
.touchevents[tabindex],.touchevents button{}

/* Helper classes */
.hidden{display:none;}
.blind{position:absolute;display:inline-block;width:0;height:0;font-size:0;color:rgba(0,0,0,0);overflow:hidden;}
.msie9 .hideOnIE9{display:none !important;}

/* Browser hidden &  Media query */
@media only screen and (min-width:0) and (max-width:1023px) {.only_desktop{display:none !important;}}
@media only screen and (min-width:1024px) {.only_mobile{display:none !important;}}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {}

/* Legacy browser message */
.legacy-browser{position:fixed;top:120px;right:0;left:0;width:50%;margin:auto;padding:50px 5%;z-index:999;color:#fff;font-size:16px;font-weight:400;background-color:#555;overflow:hidden;}
.legacy-browser p{margin:0 0 12px;line-height:26px;font-weight:300;}
.legacy-browser a{text-decoration:underline;color:#fff;}
.legacy-pad label{font-size:14px;font-weight:300;}
.legacy-pad input{margin-top:6px;}

/* Skip navigation */
.skipNav{position:absolute;left:-300%;font-size:2em;color:#fff;background:#555;}
.skipNav:focus,.skipNav:hover{display:block;position:fixed;left:0;z-index:99999;width:100%;padding:10px;font-size:2em;font-weight:600;line-height:1.5;text-align:center;vertical-align:middle;color:#fff;text-decoration:none}
.skipArea{position:absolute;display:inline-block;width:0;height:0;font-size:0;color:rgba(0,0,0,0);overflow:hidden;}
.skipArea[tabindex]:focus{position:absolute;z-index:99;width:350px;height:auto;font-size:1.5rem;text-align:left;color:#fff;background:#666666;}

/* Skip navigation position */
.layout_content .skipArea[tabindex]:focus{top:50px;}

/* IE 10, IE9 Movie Not Support */
.msie9 .main_cont01_videoWrap,.msie9 .subMain_intro_videoWrap{display:none;}


/*==================== Common Styles ==========================*/
/*-------------------- Layout --------------------*/
body[data-device="desktopView"]{} /*데스크탑 뷰 최상위 선택자*/
body[data-device="mobileView"]{} /*모바일 뷰 최상위 선택자*/
body.displayFamilyPopup{overflow:hidden;}
body.displaySideMenu{position: fixed;width: 100%;overflow:hidden;}
body.displayPopup{overflow:hidden;}
.layout_header{position:fixed;top:0;right:0;left:0;z-index:99;width:100%;min-width:1024px;margin:0 auto;background:rgba(255,255,255,1);box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);transition:top .3s, background .5s;}
.msie9 .layout_header{z-index:1001;}
.layout_header.subMenuOn{}
.layout_header.gnbHide{top:-55px;border-bottom:none;}
.oops .layout_header.gnbHide,.sitemap .layout_header.gnbHide{top:0;}

@media only screen and (min-width:0) and (max-width:1023px) {
    .layout_header.gnbHide{top: -45px;border-bottom:1px solid #dbdbdb;}/*2depth만 노출 해제*/
}

.layout_main{width:100%;}
.layout_content{width:100%;padding-top:54px;margin:0 auto;font-size:0;}
.layout_footer{width:100%;margin: 10px auto 0;background:#f4f4f4;}
.main .layout_footer{position:relative;}
.oops .layout_footer,.sitemap .layout_footer{margin-top:0;}
.layout_footer_inner{position:relative;width:100%;max-width:1600px;padding:40px 0 40px;margin:0 auto;font-size:0;}

@media only screen and (min-width:0) and (max-width:1199px) {
    /* Layout mobile */
    .layout_header{max-width:100%;min-width:320px;border-bottom:1px solid #dbdbdb;box-shadow:none;background:#fff;}
    .layout_header_inner{max-width:100%;min-width:320px;}
    .layout_content{max-width:100%;min-width:320px;padding-top:55px;}
    .layout_footer{max-width:100%;min-width:320px;background:#f3f3f3;}
    .layout_footer_inner{max-width:100%;min-width:320px;padding: 40px 0;}
}
@media only screen and (min-width:0) and (max-width:1023px) {
    .layout_content{padding-top:10.5vw;}
    .main .layout_footer{margin-top:8vw;}
    .layout_footer_inner{
        padding-bottom: 18px 0 65px;
    }

    /* Sub page layout mobile*/
    body.history .history-cont .header{margin-top: 105px;}
    body.supex .layout_content{padding-top:105px;}
    body.affiliates .layout_content{padding-top:105px;}
    body.media.news .layout_content, body.media.channel .layout_content, body.media.ci .layout_content{padding-top:105px;}
    body.together.foundation .layout_content, body.together.happiness .layout_content, body.together.programs .layout_content, body.together.social .layout_content{padding-top: 105px;}
    body.careers.person .layout_content, body.careers.policy .layout_content{padding-top:105px;}
}

.layout_sideMenu{display:none;}


/*-------------------- GNB --------------------*/
.layout_header_inner{position:relative;width:100%;margin:0 auto;font-size:0;text-align:center;}
.layout_header_inner::after{content:'';display:block;clear:both;visibility:hidden;}

@media only screen and (min-width:1200px) {
    .layout_topMobile_btn{display:none;}
    .layout_topMobileFamily_btn{display:none;}
}
@media only screen and (min-width:0) and (max-width:1023px) {
    /* SideMenuBtn mobile */
    .layout_topMobile_btn{position:absolute;top:0;left:0.1vw;width:50px;height:45px;background:url(../images/mobile/topMenu_Btn.png) no-repeat;background-size:21px 16px;background-position:center;}
    .layout_topMobileFamily_btn{position:absolute;top:0%;right:0vw;width:50px;height:45px;background:url(../images/mobile/topFamily_Btn.png) no-repeat;background-size:20px 23px;background-position:center;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
    /* SideMenuBtn Tablet */
    .layout_topMobile_btn{position:absolute;top:23%;left:3%;width:30px;height:30px;background:url(../images/mobile/topMenu_Btn.png) no-repeat;background-size:100%;background-position:center;}
    .layout_topMobileFamily_btn{position:absolute;top:22%;right:3%;width:30px;height:32px;background:url(../images/mobile/topFamily_Btn.png) no-repeat;background-size:cover;background-position:center;}
}
/* Logo */
.logo{float:left;position:relative;z-index:1;display:inline-block;padding:6px 0 0 20px;text-align:left;vertical-align:top;/*transition:all .3s*/}/*=mib200423 transition 제거*/
@media (min-width:1200px) {
  .logo{position:absolute;top:0;left:0;}/*=mib200423 추가*/
}
.logo_a{display:inline-block;}
.logo_a img{width:44px;}

@media only screen and (min-width:0) and (max-width:1023px) {
    /* Logo mobile */
    .logo{float:none;padding: 0;margin: 0;text-align:center;}
    .logo a{padding: 6px 10px 11px;}
    .logo img{width:35px;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
    /* Logo Tablet */
    .logo{float:none;padding:10px;margin:0;text-align:center;}
}

/* TopNav */
.layout_topNav{display:inline-block;position:absolute;top:0;left:0;right:0;margin:auto;text-align:center;vertical-align:top;transition:padding .3s ease-out;}
.topNav_ul{display:inline-block;font-size:0;}
.topNav_li{display:inline-block;padding:10px 0px 14px;}
.topNav_a{display:inline-block;padding:10px 10px;margin:0 17px;}
.topNav_a h2{font-size:15px;font-weight:500;line-height:14px;color:#000;}
.topNav_a h2 span{line-height:14px;}
.topNav_a:focus,.topNav_a:hover{text-decoration:none;}
.topNav_li.on .topNav_a, .topNav_a:hover h2{color:#de071a;}
.about .topNav_about h2,.media .topNav_media h2,.together .topNav_together h2,.careers .topNav_careers h2{color:#de071a;}
/* mib220905 ESG메뉴 바-기호 추가// */
.topNav_a .bar {display:inline-block;position:relative;width:1px;height:12px;margin:0 5px 2px;vertical-align: middle;background:#000;} 
.topNav_a:hover h2 .bar,
.together .topNav_together h2 .bar {background: #de071a;}
/* //mib220905 ESG메뉴 바-기호 추가 */
@media only screen and (min-width:0) and (max-width:1199px) {
    /* TopNav mobile */
    .layout_topNav{display:none;}
}

/* TopNav-submenu */
.layout_topNavSub_bg{position:absolute;top:55px;right:0;left:0;z-index:-1;width:100%;height:0px;margin:auto;background:#f1f1f1;opacity:0;transition:opacity .5s, height .5s, background .5s;}
.layout_topNavSub_bg.on{height:45px;opacity:1;transition:opacity .3s, height .1s, background .3s;}
.subMenuOn .layout_topNavSub_bg{background:#de071a;transition:opacity .3s, height .3s, background .3s;}
.topNavSub_ul{display:inline-block;position:absolute;top:0;right:0;left:0;width:100%;height:auto;margin:0 auto;overflow:hidden;opacity:0;transition:all .3s;}
.topNav_li.on .topNavSub_ul{top:55px;opacity:1;transition:opacity .7s;}
.layout_header.subMenuOn .topNav_li.on .topNavSub_ul{top:55px;opacity:1;transition:opacity .5s, top .3s;}
.topNavSub_li{display:inline-block;}
.topNavSub_a{display:none;position:relative;padding:15px 5px 15px;margin:0px 22px 0px;font-size:15px;line-height:1;text-align:center;color:#000;}
.topNavSub_a:focus,.topNavSub_a:hover{text-decoration:none;color:#de071a;}
.subMenuOn .topNavSub_ul .topNavSub_li .topNavSub_a{color:#fff;}
.topNavSub_a::before{content:'';display:inline-block;position:absolute;left:50%;bottom:0;width:0%;height:3px;opacity:0;background:#de071a;transition:all .3s cubic-bezier(0, 0, 0.15, 1.01);}
.subMenuOn .topNavSub_a::before{background:#fff;}
.topNav_li.on .topNavSub_a{display:inline-block;}
.topNavSub_a:focus::before,.topNavSub_a:hover::before{width:100%;left:0;opacity:1;}
.history .topNavSub_history .topNavSub_a,
.skms .topNavSub_skms .topNavSub_a,
.supex .topNavSub_supex .topNavSub_a,
.affiliates .topNavSub_affiliates .topNavSub_a,
.brochure .topNavSub_brochure .topNavSub_a,
.skchannel .topNavSub_skchannel .topNavSub_a,
.news .topNavSub_news .topNavSub_a,
.channel .topNavSub_channel .topNavSub_a,
.ci .topNavSub_ci .topNavSub_a,
.social .topNavSub_social .topNavSub_a,
.happiness .topNavSub_happiness .topNavSub_a,
.foundation .topNavSub_foundation .topNavSub_a,
.programs .topNavSub_programs .topNavSub_a,
.person .topNavSub_person .topNavSub_a,
.policy .topNavSub_policy .topNavSub_a,
.notice .topNavSub_notice .topNavSub_a{color:#de071a;}/*mib190610 sk채널 추가*//*mib200911 브로슈어 추가*/
.history .topNavSub_history .topNavSub_a::before,
.skms .topNavSub_skms .topNavSub_a::before,
.supex .topNavSub_supex .topNavSub_a::before,
.affiliates .topNavSub_affiliates .topNavSub_a::before,
.brochure .topNavSub_brochure .topNavSub_a::before,
.skchannel .topNavSub_skchannel .topNavSub_a::before,
.news .topNavSub_news .topNavSub_a::before,
.channel .topNavSub_channel .topNavSub_a::before,
.ci .topNavSub_ci .topNavSub_a::before,
.social .topNavSub_social .topNavSub_a::before,
.happiness .topNavSub_happiness .topNavSub_a::before,
.foundation .topNavSub_foundation .topNavSub_a::before,
.programs .topNavSub_programs .topNavSub_a::before,
.person .topNavSub_person .topNavSub_a::before,
.policy .topNavSub_policy .topNavSub_a::before,
.notice .topNavSub_notice .topNavSub_a::before{width:100%;left:0;opacity:1;}/*mib190610 sk채널 추가*//*mib200911 브로슈어 추가*/

/* Links area */
.linkSearch_area{display:inline-block;position:relative;vertical-align:top;}
.linkSearch_area form{min-width:52px;min-height:54px;}
.linkSearch_input{display:none;width:0;height:54px;border:none;font-size:0;color:rgba(0,0,0,0);background:rgba(255,255,255,0);transition:width .3s ease-out;}
.displayOn .linkSearch_input{display:inline-block;}
.linkSearch_area.on .linkSearch_input{width:66vw;padding:10px 20px;font-size: 17px;color:rgba(0,0,0,1);background:rgba(255,255,255,1);}/*=mib190617 width 변경*/
.linkSearch_area.on .linkSearch_input:lang(ko) {width:60vw;}/*=mib200423 추가*/
.linkDelete_btn{display:none;}
.linkSearch_area.on .linkDelete_btn{display:inline-block;position:absolute;top:10%;right:60px;width:20px;height:20px;background-color:#6ff;}
.linkSearch_submit{display:none;width:54px;height:54px;}
.linkSearch_area.on .linkSearch_submit{display:inline-block;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;font-size:0;color:rgba(0,0,0,0);background-image:url(../images/desktop/searchBlack_btn.png);background-repeat:no-repeat;background-position:center;opacity:1;}
.linkSearch_btn{display:inline-block;position:absolute;top:0;right:0;width:52px;height:54px;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;background-image:url(../images/desktop/searchGray_btn.png);background-repeat:no-repeat;background-position:center;}
.linkSearch_btn:focus,.linkSearch_btn:hover{background-image:url(../images/desktop/searchBlack_btn.png);background-repeat:no-repeat;background-position:center;}
.linkSearch_area.on .linkSearch_btn{display:none;}
.layout_linksArea .skipArea[tabindex]:focus{left:0;}
.layout_linksArea{float:right;position:relative;display:inline-block;text-align:right;vertical-align:top;}
.linkSocial_ul{display:inline-block;padding: 0 2px 0 4px;border-right:1px solid #d9d9d9;font-size:0;}/*=mib190617 padding 추가*/
.linkSocial_li{display:inline-block;}
.linkSocial_a{display:inline-block;width:28px;height:55px;}
.linkSocial_youtube .linkSocial_a{background:url(../images/desktop/linkSocial_youtube_lg.png) no-repeat;background-position:center;background-size:contain;}/*=mib190617 유튜브 채널 아이콘 추가*/
.linkSocial_blog .linkSocial_a{background:url(../images/desktop/linkSocial_blog_lg.png) no-repeat;background-position:center;background-size:contain;}/*=mib190617 이미지명 변경 background-position 수정*/
.linkSocial_facebook .linkSocial_a{background:url(../images/desktop/linkSocial_facebook_lg.png) no-repeat;background-position:center;background-size:contain;}/*=mib190617 이미지명 변경 background-position 수정*/
.linkSocial_twitter .linkSocial_a{background:url(../images/desktop/linkSocial_twitter_lg.png) no-repeat;background-position:center;background-size:contain;}
.linkSocial_naverpost .linkSocial_a{background:url(../images/desktop/linkSocial_naverpost_lg.png) no-repeat;background-position:center;background-size:contain;}/*=mib200423 네이버포스트 추가*/
.linkSocial_navertv .linkSocial_a{background:url(../images/desktop/linkSocial_navertv_lg.png) no-repeat;background-position:center;background-size:contain;}/*=mib200423 네이버tv 추가*/
/*.linkSocial_blog .linkSocial_a:focus,.linkSocial_blog .linkSocial_a:hover{background:url(../images/desktop/linkSocial_blogB.png) no-repeat;background-position:8px 18px;}
.linkSocial_facebook .linkSocial_a:focus,.linkSocial_facebook .linkSocial_a:hover{background:url(../images/desktop/linkSocial_facebookB.png) no-repeat;background-position:center;background-position:6px 15px;}
.linkSocial_twitter .linkSocial_a:focus,.linkSocial_twitter .linkSocial_a:hover{background:url(../images/desktop/linkSocial_twitterB.png) no-repeat;background-position:center;background-size:17px 13px;background-position:1px 19px;} =mib190617 over 효과 제거 */

@media only screen and (min-width:1200px) {
    /* Links area mobile */
    .linkSearch_area.on .linkDelete_btn{display:none;}
}

@media only screen and (min-width:0) and (max-width:1199px) {
    /* Links area mobile */
    .layout_linksArea{display:none;}
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    /* Links area tablet */
    .linkSearch_area.on .linkSearch_input{width:55vw;}
}

/* Languages area */
.linkLang_area{display:inline-block;position:relative;font-size:0;vertical-align:top;}
.linkLang_title{display:inline-block;padding:22px 29px 22px 13px;font-size:11px;font-weight:600;font-family:"Roboto", sans-serif;line-height:11px;letter-spacing:1.5px;color:#333;}
.linkLang_title:focus,.linkLang_title:hover{color:#333;text-decoration:none;}
.linkLang_title::after{content:'';display:inline-block;position:absolute;top:24px;right:9px;width:10px;height:7px;background:url(../images/desktop/tiny_downBlack_triangle.png) no-repeat;background-position:0px 0px;}
.linkLang_ul{display:none;position:absolute;top:54px;left:0;width:100%;height:0;text-align:left;overflow:hidden;transition:height .3s;}
.displayLangPopup .linkLang_ul{display:block;}
.linkLang_ul.langPopupOn{height:108px;}
.linkLang_a{display:inline-block;width:100%;padding:10px 10px 10px 18px;font-size:11px;font-weight:600;font-family:"Roboto",sans-serif;color:#666;background:rgba(255,255,255,0.5);}
.linkLang_a:focus,.linkLang_a:hover{color:#333;}

/* Family sites area */
.linkFamily_area{display:inline-block;position:relative;vertical-align:top;background:#de071a;}
.linkFamily_area::after{content:'';display:inline-block;position:absolute;top:22px;right:10px;width:6px;height:11px;background:url(../images/desktop/tiny_right_triangle.png) no-repeat;background-position:0px 0px;}
.linkFamily_title{display:inline-block;padding:22px 25px 22px 13px;font-size:11px;font-weight:500;font-family:"Roboto",sans-serif;line-height:11px;letter-spacing:1.5px;color:#fff;}
.linkFamily_title:focus,.linkFamily_title:hover{color:#fff;text-decoration:none;}

.linkFamily_popup_wrap{display:none;position:fixed;z-index:10000;top:0;right:0;width:100%;height:100%;text-align:left;overflow:hidden;}
.displayFamilyPopup .linkFamily_popup_wrap{display:block;}
.linkFamily_popup_wrap.familyPopupOn{}
.linkFamily_popup_wrap .familyPopupBg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:all .5s ease-out;}
.linkFamily_popup_wrap.familyPopupOn .familyPopupBg{background:rgba(0,0,0,0.8);}
.linkFamily_popup_content{position:absolute;top:0;left:100%;width:532px;height:100%;font-size:0;background:#111;transition:left .5s;}/*=mib20200116 접근성 width 수정*/
.linkFamily_popup_wrap.familyPopupOn .linkFamily_popup_content{left:calc(100% - 532px);overflow-y:scroll;}/*=mib20200116 접근성 width 수정*/

@media only screen and (min-width:0) and (max-width:1023px) {
    .linkFamily_popup_content{width:100%;}
    .linkFamily_popup_wrap.familyPopupOn .linkFamily_popup_content{left:0;}
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    .linkFamily_popup_content{width:50%;}
    .linkFamily_popup_wrap.familyPopupOn .linkFamily_popup_content{left:50%;}
}

.linkFamily_tabNav_wrap{width:100%;font-size:0;}
.linkFamily_tabNav{display:inline-block;width:35%;padding:23px 0;border:none;font-size:17px;line-height:1;font-weight:500;text-align:center;color:#fff;background:#111;transition:width .3s ease;}
.linkFamily_tabNav.tabOn{width:65%;padding:22px 0 23px;color:#000;background:#fff;}
.linkFamily_tabContent{display:none;}
.linkFamily_tabContent.tabOn{display:block;}
.linkFamily_search_wrap{position:relative;width:100%;height:71px;border-bottom:1px solid #111;font-size:0;background:#fff;}
.linkFamily_closeBtn{display:inline-block;width:60px;height:55px;font-size:0;color:rgba(0,0,0,0);background:url(../images/desktop/sm_close_btn.png) no-repeat;background-position:center;}
.linkFamily_searchInput{display:inline-block;float:left;width:100%;padding: 25px 60px 24px 24px;border:none;font-size:15px;line-height:1;color:#111;background:none;}
.linkFamily_deleteBtn{display:inline-block;position:absolute;top:5px;right:11%;width:30px;height:30px;font-size:38px;color:#fff;background:red;}
.linkFamily_searchBtn{display:inline-block;position:absolute;top:0;right:0;width:19px;height:19px;margin:26px 21px 25px;font-size:38px;color:#fff;background:url(../images/mobile/searchBlack_bigBtn.png) no-repeat;background-size:cover;background-position:center;}

@media only screen and (min-width:1200px) {
    .linkFamily_deleteBtn{display:none;}
}
@media only screen and (min-width:0) and (max-width:1023px) {
    .linkFamily_tabNav{font-size: 17px;}
    .linkFamily_search_wrap{height:75px;}
    .linkFamily_closeBtn{width: 54px;height:45px;margin-left:0;background:url(../images/desktop/sm_close_btn.png) no-repeat;background-position:center;background-size:19px 19px;}
    .linkFamily_tabNav{}
    .linkFamily_tabNav.tabOn{}
    .linkFamily_searchInput{padding:25px 70px 25px 20px;font-size:17px;}
    .linkFamily_deleteBtn{top:2.7%;right:9vw;width:5vw;height:5vw;}
    .linkFamily_searchBtn{width: 47px;height: 47px;margin: 13px;background-size: 19px 19px;}
}
.linkFamily_ul{font-size:0;background:#111;}
.linkFamily_li{display:block;position:relative;top:0;width:100%;height:110px;vertical-align:top;opacity:0;transition:opacity .3s, top .3s ease;overflow:hidden;}
.msie9 .linkFamily_li{opacity:1;}
.linkFamily_empty{padding:85px 0;width:100%;font-size:20px;line-height:1;text-align:center;color:#c2c2c2;opacity:1;}

@-webkit-keyframes topAni{
	0%   {top:110px;opacity:0;}
    100% {top:0;opacity:1;}
}
@keyframes topAni{
	0%   {top:110px;opacity:0;}
    100% {top:0;opacity:1;}
}

.linkFamily_li.linkAni:nth-child(1){animation:topAni 0.5s ease-out 0.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(2){animation:topAni 0.5s ease-out 0.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(3){animation:topAni 0.5s ease-out 0.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(4){animation:topAni 0.5s ease-out 0.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(5){animation:topAni 0.5s ease-out 0.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(6){animation:topAni 0.5s ease-out 1.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(7){animation:topAni 0.5s ease-out 1.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(8){animation:topAni 0.5s ease-out 1.2s 1 forwards;}
.linkFamily_li.linkAni:nth-child(9){animation:topAni 0.5s ease-out 1.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(10){animation:topAni 0.5s ease-out 1.4s 1 forwards;}
.linkFamily_li.linkAni:nth-child(11){animation:topAni 0.5s ease-out 1.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(12){animation:topAni 0.5s ease-out 1.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(13){animation:topAni 0.5s ease-out 1.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(14){animation:topAni 0.5s ease-out 1.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(15){animation:topAni 0.5s ease-out 1.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(16){animation:topAni 0.5s ease-out 2.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(17){animation:topAni 0.5s ease-out 2.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(18){animation:topAni 0.5s ease-out 2.2s 1 forwards;}
.linkFamily_li.linkAni:nth-child(19){animation:topAni 0.5s ease-out 2.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(20){animation:topAni 0.5s ease-out 2.4s 1 forwards;}
.linkFamily_li.linkAni:nth-child(21){animation:topAni 0.5s ease-out 2.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(22){animation:topAni 0.5s ease-out 2.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(23){animation:topAni 0.5s ease-out 2.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(24){animation:topAni 0.5s ease-out 2.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(25){animation:topAni 0.5s ease-out 2.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(26){animation:topAni 0.5s ease-out 3.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(27){animation:topAni 0.5s ease-out 3.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(28){animation:topAni 0.5s ease-out 3.2s 1 forwards;}
.linkFamily_li.linkAni:nth-child(29){animation:topAni 0.5s ease-out 3.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(30){animation:topAni 0.5s ease-out 3.4s 1 forwards;}
.linkFamily_li.linkAni:nth-child(31){animation:topAni 0.5s ease-out 3.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(32){animation:topAni 0.5s ease-out 3.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(33){animation:topAni 0.5s ease-out 3.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(34){animation:topAni 0.5s ease-out 3.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(35){animation:topAni 0.5s ease-out 3.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(36){animation:topAni 0.5s ease-out 4.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(37){animation:topAni 0.5s ease-out 4.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(38){animation:topAni 0.5s ease-out 4.2s 1 forwards;}
.linkFamily_li.linkAni:nth-child(39){animation:topAni 0.5s ease-out 4.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(40){animation:topAni 0.5s ease-out 4.4s 1 forwards;}
.linkFamily_li.linkAni:nth-child(41){animation:topAni 0.5s ease-out 4.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(42){animation:topAni 0.5s ease-out 4.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(43){animation:topAni 0.5s ease-out 4.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(44){animation:topAni 0.5s ease-out 4.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(45){animation:topAni 0.5s ease-out 4.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(46){animation:topAni 0.5s ease-out 5.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(47){animation:topAni 0.5s ease-out 5.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(48){animation:topAni 0.5s ease-out 5.2s 1 forwards;}
.linkFamily_li.linkAni:nth-child(49){animation:topAni 0.5s ease-out 5.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(50){animation:topAni 0.5s ease-out 5.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(51){animation:topAni 0.5s ease-out 5.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(52){animation:topAni 0.5s ease-out 5.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(53){animation:topAni 0.5s ease-out 5.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(54){animation:topAni 0.5s ease-out 5.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(55){animation:topAni 0.5s ease-out 5.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(56){animation:topAni 0.5s ease-out 6.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(57){animation:topAni 0.5s ease-out 6.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(58){animation:topAni 0.5s ease-out 6.2s 1 forwards;}
.linkFamily_li.linkAni:nth-child(59){animation:topAni 0.5s ease-out 6.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(50){animation:topAni 0.5s ease-out 6.4s 1 forwards;}
.linkFamily_li.linkAni:nth-child(61){animation:topAni 0.5s ease-out 6.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(62){animation:topAni 0.5s ease-out 6.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(63){animation:topAni 0.5s ease-out 6.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(64){animation:topAni 0.5s ease-out 6.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(65){animation:topAni 0.5s ease-out 6.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(66){animation:topAni 0.5s ease-out 7.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(67){animation:topAni 0.5s ease-out 7.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(68){animation:topAni 0.5s ease-out 7.2s 1 forwards;}
.linkFamily_li.linkAni:nth-child(69){animation:topAni 0.5s ease-out 7.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(70){animation:topAni 0.5s ease-out 7.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(71){animation:topAni 0.5s ease-out 7.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(72){animation:topAni 0.5s ease-out 7.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(73){animation:topAni 0.5s ease-out 7.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(74){animation:topAni 0.5s ease-out 7.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(75){animation:topAni 0.5s ease-out 7.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(76){animation:topAni 0.5s ease-out 8.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(77){animation:topAni 0.5s ease-out 8.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(78){animation:topAni 0.5s ease-out 8.2s 1 forwards;}
.linkFamily_li.linkAni:nth-child(79){animation:topAni 0.5s ease-out 8.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(80){animation:topAni 0.5s ease-out 8.5s 1 forwards;}
.linkFamily_li.linkAni:nth-child(81){animation:topAni 0.5s ease-out 8.6s 1 forwards;}
.linkFamily_li.linkAni:nth-child(82){animation:topAni 0.5s ease-out 8.7s 1 forwards;}
.linkFamily_li.linkAni:nth-child(83){animation:topAni 0.5s ease-out 8.8s 1 forwards;}
.linkFamily_li.linkAni:nth-child(84){animation:topAni 0.5s ease-out 8.9s 1 forwards;}
.linkFamily_li.linkAni:nth-child(85){animation:topAni 0.5s ease-out 9.0s 1 forwards;}
.linkFamily_li.linkAni:nth-child(86){animation:topAni 0.5s ease-out 9.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(87){animation:topAni 0.5s ease-out 9.1s 1 forwards;}
.linkFamily_li.linkAni:nth-child(88){animation:topAni 0.5s ease-out 9.3s 1 forwards;}
.linkFamily_li.linkAni:nth-child(89){animation:topAni 0.5s ease-out 9.4s 1 forwards;}
.msie9 .linkFamily_li.linkAni:nth-child(1n){animation:none;top:0;opacity:1;}

.linkFamily_a{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;padding:10px 10px 10px 10px;font-size:20px;text-align:left;color:#fff;background:url(../images/desktop/linkFamily_default.jpg) no-repeat;background-size:cover;}
.linkFamily_a::before{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background:rgba(0,0,0,0.6);opacity:1;transition:background .3s;}
.linkFamily_default .linkFamily_a::before{display:none;}
.linkFamily_a::after{content:'';display:inline-block;position:absolute;top:0;right:0;width:23px;height:100%;margin-right:24px;background-image:url(../images/desktop/sm_right_arrow.png);background-repeat:no-repeat;background-position:center;background-size:auto;opacity:0;}
.linkFamily_a:focus::before,.linkFamily_a:hover::before{border:10px solid #fff;background:rgba(0,0,0,0.4);}
.linkFamily_default .linkFamily_a:focus::before,.linkFamily_default .linkFamily_a:hover::before{border:none;}
.linkFamilySubOn .linkFamily_a::before,.linkFamilySubOn .linkFamily_a::before{border-color:rgba(0,0,0,0);transition:border-color .3s;}
.linkFamily_a:focus::after,.linkFamily_a:hover::after{opacity:1;transition:opacity 0.8s;}
.linkFamily_a_text{position:absolute;top:45px;left:24px;white-space: nowrap;}
.linkFamilySub_none::after{display:none;}

@media only screen and (min-width:0) and (max-width:1023px) {
    .linkFamily_li{height:20vw;}
    .linkFamily_a_text{top: 32%;left: 6%;font-size: 3.5vw;}
    .linkFamily_a::after{margin-right: 6%;}
}

@-webkit-keyframes leftAni{
	0%   {left:100%;opacity:0;}
    100% {left:0;opacity:1;}
}
@keyframes leftAni{
	0%   {left:100%;opacity:0;}
    100% {left:0;opacity:1;}
}

.linkFamily_janghak .linkFamily_a{background:url(../images/desktop/linkFamily_janghak.jpg) no-repeat;background-size:cover;}
.linkFamily_skhappiness .linkFamily_a{background:url(../images/desktop/linkFamily_skhappiness.jpg) no-repeat;background-size:cover;}
.linkFamily_kfas .linkFamily_a{background:url(../images/desktop/linkFamily_kfas.jpg) no-repeat;background-size:cover;}
.linkFamily_skmiso .linkFamily_a{background:url(../images/desktop/linkFamily_skmiso.jpg) no-repeat;background-size:cover;}
.linkFamily_sksports .linkFamily_a{background:url(../images/desktop/linkFamily_sksports.jpg) no-repeat;background-size:cover;}
.linkFamily_skethics .linkFamily_a{background:url(../images/desktop/linkFamily_skethics.jpg) no-repeat;background-size:cover;}

.linkFamily_default{top:0;opacity:1;}
.linkFamily_default .linkFamily_a{font-size:18px;line-height:1;color:#222;background:#fff;background-size:cover;}

@-webkit-keyframes flipText{
	0%   {-ms-transform:rotateY(-1800deg);-webkit-transform:rotateY(-1800deg);transform:rotateY(-1800deg);opacity:0;}
    50% {-ms-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0;}
    100% {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}
@-webkit-keyframes flip01{
	0%   {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background:#111;}
    50% {-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);background:#111;}
    100% {-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#29a4ac;}
}
@-webkit-keyframes flip02{
	0%   {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background:#111;}
    50% {-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);background:#111;}
    100% {-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#41b6be;}
}
@-webkit-keyframes flip03{
	0%   {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background:#111;}
    50% {-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);background:#111;}
    100% {-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#5fc9d0;}
}
@-webkit-keyframes flip04{
	0%   {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background:#111;}
    50% {-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);background:#111;}
    100% {-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#77d5db;}
}
@keyframes flipText{
	0%   {-ms-transform:rotateY(-1800deg);-webkit-transform:rotateY(-1800deg);transform:rotateY(-1800deg);opacity:0;}
    50% {-ms-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0;}
    100% {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}
@keyframes flip01{
	0%   {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background:#111;}
    50% {-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);background:#111;}
    100% {-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#29a4ac;}
}
@keyframes flip02{
	0%   {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background:#111;}
    50% {-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);background:#111;}
    100% {-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#41b6be;}
}
@keyframes flip03{
	0%   {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background:#111;}
    50% {-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);background:#111;}
    100% {-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#5fc9d0;}
}
@keyframes flip04{
	0%   {-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background:#111;}
    50% {-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);background:#111;}
    100% {-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#77d5db;}
}

.linkFamilySub_wrap{display:none;position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;text-align:left;}
.displayOn .linkFamilySub_wrap{display:inline-block;}
.linkFamilySubOn .linkFamilySub_wrap{background:#111;animation:leftAni 0.3s ease-out .0s 1 forwards;}
.linkFamilySub_calcel_btn{display:inline-block;position:relative;top:0;left:0;width:20%;height:100%;opacity:0;background-image:url(../images/desktop/sm_left_arrow.png);background-repeat:no-repeat;background-position:center;background-size:auto;}
.linkFamilySubOn .linkFamilySub_calcel_btn{opacity:1;transition:opacity 1s;}
.linkFamilySub_a{display:inline-block;position:relative;width:20%;height:100%;}
.linkFamilySub_a:focus::before{outline:auto;}/*=mib20200116 접근성 추가*/
.linkFamilySub_a:focus::after{width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #fff;}/*=mib20200116 접근성 추가*/
.linkFamilySub_a::before{content:'';display:inline-block;position:absolute;top:0;left:0px;right: 0;bottom: 0;width: 100%;height: 100%;margin: auto;}/*=mib20200116 접근성 width, height수정*/
.linkFamilySub_a::after{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;}
.linkFamilySubOn .linkFamilySub_a:nth-child(2)::before{background:#111;animation:flip01 .4s ease-out .2s 1 forwards;}
.linkFamilySubOn .linkFamilySub_a:nth-child(3)::before{background:#111;animation:flip02 .4s ease-out .3s 1 forwards;}
.linkFamilySubOn .linkFamilySub_a:nth-child(4)::before{background:#111;animation:flip03 .4s ease-out .4s 1 forwards;}
.linkFamilySubOn .linkFamilySub_a:nth-child(5)::before{background:#111;animation:flip04 .4s ease-out .5s 1 forwards;}
.linkFamilySubOn .linkFamilySub_a:nth-child(2)::after{opacity:0;animation:flipText .4s ease-out .2s forwards;}
.linkFamilySubOn .linkFamilySub_a:nth-child(3)::after{opacity:0;animation:flipText .4s ease-out .3s forwards;}
.linkFamilySubOn .linkFamilySub_a:nth-child(4)::after{opacity:0;animation:flipText .4s ease-out .4s forwards;}
.linkFamilySubOn .linkFamilySub_a:nth-child(5)::after{opacity:0;animation:flipText .4s ease-out .5s forwards;}
.msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(2)::before{background:#29a4ac;}
.msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(3)::before{background:#41b6be;}
.msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(4)::before{background:#5fc9d0;}
.msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(5)::before{background:#77d5db;}
.msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(2)::after{opacity:1;}
.msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(3)::after{opacity:1;}
.msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(4)::after{opacity:1;}
.msie9 .linkFamilySubOn .linkFamilySub_a:nth-child(5)::after{opacity:1;}
.linkFamilySubOn .linkFamilySub_home_a::after{background-image:url(../images/desktop/linkFamilySub_home_img.png);background-repeat:no-repeat;background-position:center;background-size:auto;}
.linkFamilySubOn .linkFamilySub_blog_a::after{background-image:url(../images/desktop/linkFamilySub_blog_img.png);background-repeat:no-repeat;background-position:center;background-size:auto;}
.linkFamilySubOn .linkFamilySub_facebook_a::after{background-image:url(../images/desktop/linkFamilySub_facebook_img.png);background-repeat:no-repeat;background-position:center;background-size:auto;}
.linkFamilySubOn .linkFamilySub_twitter_a::after{background-image:url(../images/desktop/linkFamilySub_twitter_img.png);background-repeat:no-repeat;background-position:center;background-size:auto;}
.linkFamilySubOn .linkFamilySub_instagram_a::after{background-image:url(../images/desktop/linkFamilySub_instagram_img.png);background-repeat:no-repeat;background-position:center;background-size:auto;}
.linkFamilySubOn .linkFamilySub_youtube_a::after{background-image:url(../images/desktop/linkFamilySub_youtube_img.png);background-repeat:no-repeat;background-position:center;background-size:auto;}


/* Mobile SubMenu */
@media only screen and (min-width:0) and (max-width:1023px) {
	/*Mobile*/
    .history .mSubMenu_wrap,.skms .mSubMenu_wrap,.supex .mSubMenu_wrap,.affiliates .mSubMenu_wrap,.brochure .mSubMenu_wrap,
    .skchannel .mSubMenu_wrap,.news .mSubMenu_wrap,.channel .mSubMenu_wrap,.ci .mSubMenu_wrap,
    .social .mSubMenu_wrap,.happiness .mSubMenu_wrap,.foundation .mSubMenu_wrap,.programs .mSubMenu_wrap,
    .person .mSubMenu_wrap,.policy .mSubMenu_wrap,.notice .mSubMenu_wrap{display:block;}/*mib190610 sk채널 추가*//*mib200911 브로슈어 추가*/
    .mSubMenu_wrap{display:none;position:relative;width:100%;border-bottom:1px solid #dbdbdb;background:#fff;}
    .mSub_ul_title{width:100%;height:60px;padding:22px 15px;font-size:16px;line-height:1;font-weight:500;text-align:left;/*letter-spacing:-0.06em;*/color:#000;}/*mib190405 letterspacing 수정*//*mib200528 height 추가*/
    .mSub_ul_title::before{content:'';display:inline-block;position:absolute;top: 24px;right:15px;width: 18px;height: 12px;background:url(../images/mobile/tiny_downBlack_triangle.png) no-repeat;background-size:cover;background-position:center;transition:transform .3s ease-out;}
    .mSub_ul_title.mSubTitleOn::before{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    .mSub_ul{display:none;height:0;font-size:0;overflow:hidden;transition:height .3s ease;}
    .displayOn .mSub_ul{display:block;}
    .mSub_ul.mSubOn{height:auto;}
    .mSub_li{margin:0 16px;border-top:1px solid #cccccc;}
    .mSub_a{display:block;padding:22px 0px;font-size:16px;line-height:1;font-weight:400;color:#000;}
}


/*-------------------- Main grid system --------------------*/
.layout_grid_full{width:100%;}
.layout_grid_wrap{width:100%;max-width:1600px;margin:0 auto;font-size:0;}
.layout_grid_wrap>.layout_grid_cont1,.layout_grid_wrap>.layout_grid_cont2,.layout_grid_wrap>.layout_grid_cont3{display:inline-block;}
.layout_grid_cont1{width:100%;}
.layout_grid_cont2{width:50%;}
.layout_grid_cont3{width:33.333333%;}

@media only screen and (min-width:0) and (max-width:1023px) {
	.layout_grid_cont2{width:100%;}
	.layout_grid_cont3{width:100%;}
}


/*-------------------- Foter --------------------*/
/* Left area */
.layout_footer_inner::after{content:'';display:block;clear:both;}

@media only screen and (min-width:0) and (max-width:1023px) {
    /* Layout footer mobile */
    .layout_header{max-width:100%;min-width:320px;height:11.8vw;box-shadow:none;}
    .layout_header{height: 45px;}/*Test*/
}

.layout_footerLeft{float:left;display:inline-block;width:124px;padding-left:56px;}
.footerlogo_a{display:inline-block;font-size:0;}
.footerLogo_img{width:67px;}

@media only screen and (min-width:0) and (max-width:1023px) {
    /*Mobile*/
    .layout_footerLeft{float:none;width:100%;padding-left:7.5797%;}
    .footerlogo_a{display:inline-block;}
    .footerLogo_img{width:18.5vw;}
}

/* Center area */
.layout_footerCenter{float:left;display:inline-block;padding:0 0 0 40px;}
.footer_menu{text-align:left;}
.footer_munu_li{display:inline-block;padding:0 10px;border-right:1px solid #ccc;line-height:10px;}
.footer_munu_li:first-child{padding-left:0;}
.footer_munu_li:last-child{border-right:none;}
.footer_menu_a{font-size:13px;line-height:12px;color:#000;}
.footer_menu_a .point{color:#de071a;}
.footer_menu_a .footer_menu_arrow{padding:5px 0 0 5px;vertical-align:top;}
.footer_menu_a:focus,.footer_menu_a:hover{color:#000;text-decoration:none;}
.footer_address{display:inline-block;padding-top:10px;font-size:13px;font-weight: 500;color:#000;}
.footer_address .copyright{margin-left:10px;font-size:14px;font-family: "Roboto", sans-serif;}
.footer-sitemap-link{display:inline-block;padding:0 6px 0 26px;border:1px solid #dddddd;border-radius:3px;margin-left:20px;font-size:13px;font-weight:500;line-height:25px;letter-spacing:-0.02em;color:#333;background:#fff url('../images/desktop/footer-sitemap-icon_lg.png') no-repeat;background-size: 17px auto;background-position: 4px center;}/*=mib190624 추가*/
.footer-ethics {
    padding-top: 6px;
}
.footer-ethics:lang(zh) {
    padding-top: 7px;
}
.footer-ethics .footer-ethics-link {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.02em;
    text-decoration: none;
    color: #000;
}
.footer-ethics .footer-ethics-link .point {
    color: #de071a;
}

@media only screen and (min-width:0) and (max-width:1023px) {
    /*Mobile*/
    .layout_footerCenter{padding: 0 0 0 7%;}
    .layout_footerCenter:lang(zh){padding: 0 0 0 7%;}
    .footer_munu_li{padding:0 2.5%;margin-bottom:3%;}
    .footer_menu .footer_munu_li:nth-child(3){border-right:none;}
    .footer_menu br+.footer_munu_li{padding-left:0;}
    .footer_menu_a{display:inline-block;width:31vw;font-size:3.5vw;line-height:1;letter-spacing:-0.03em;}
    .footer_menu_a .footer_menu_arrow{width:1.3vw;padding:5.0% 0 0 0%;margin-left:5%;}
    .footer_address{padding-top:0;font-size:3.5vw;line-height:1.6;letter-spacing:-0.03em;
        margin-top: 15px;
    }
    .footer_address:lang(zh) {
        padding-top: 0;
    }
    .footer_address .copyright{display:inline-block;padding-top:0;margin: 0;font-size: 3.5vw;line-height:1.5;letter-spacing:00em;}
    .footer_address .copyright:lang(zh) {
        padding-top: 0;
    }
    .footer-ethics {
        padding-top: 0;
        margin-top: 30px;
    }
    .footer-ethics:lang(zh) {
        padding-top: 0;
    }
    .footer-ethics .footer-ethics-link {
        font-size: 3.5vw;
    }
}

/* Right area */
.layout_footerRight{float:right;display:inline-block;width:89px;margin-right: 48px;}
.footerAccess_img{width: 100%;}/*인증획득 후 변경*/

@media only screen and (min-width:0) and (max-width:1023px) {
    /*Mobile*/
    .layout_footerRight{display: none;}
}


/*-------------------- Side menu mobile --------------------*/
@media only screen and (min-width:0) and (max-width:1199px) {
    /* Side Menu mobile */
    .displaySideMenu .layout_sideMenu{display:block;}
    .layout_sideMenu{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;overflow:hidden;}
    .msie9 .layout_sideMenu{z-index:999999;}/*mib190405 msie 추가*/
    .sideMenu_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:opacity .3s;}
    .sideMenuOpen .sideMenu_bg{opacity:0.5;}
    .sideMenu_wrap{position:absolute;top:0;left:-100%;width:100%;height:100%;padding:18px 0 0;background:#fff;overflow:auto;transition:left .3s;}
    .layout_sideMenu.sideMenuOpen .sideMenu_wrap{left:0%;}
    
    .sideMenu_close_btn{display:inline-block;position:absolute;top: 22px;right: 15px;width:6vw;height:4vw;font-size:0;color:rgba(0,0,0,0);background:url(../images/mobile/left_arrowBlack.png) no-repeat;background-size: auto 14px;}/*mib200210 backgroundsize수정*/

    .mLinkLang_ul{padding:0 15px;font-size:0;}
    .mLinkLang_li{display:inline-block;}
    .mLinkLang_a{display:inline-block;padding: 5px;border-bottom:2px solid rgba(0,0,0,0);margin-right: 13px;font-size: 12px;line-height:1;font-weight:400;letter-spacing:0.05em;color:#111;}
    .mLinkLang_li.on .mLinkLang_a,.mLinkLang_a:focus,.mLinkLang_a:hover{border-bottom:2px solid #111;font-weight:700;color:#111;}

    .mLinkSearch_area{position:relative;padding-bottom: 8px;border-bottom:2px solid #111;margin: 28px 15px 0;font-size:0;}
    .mLinkSearch_input{display:inline-block;width:calc(100% - 40px);padding: 5px 42px 5px 7.5px;font-size: 16.5px;line-height:1;color:#111;}
    .mLinkDelete_btn{display: none;position:absolute;top:5px;right:45px;width:25px;height:25px;background:url(../images/mobile/sideMenu_closeWhite_btn.png) no-repeat;background-size:contain;background-position:center;}
    .mLinkSearch_submit{display:inline-block;position: absolute;top: 0;right: 0;width: 38px;height: 33px;background:url(../images/mobile/searchBlack_bigBtn.png) no-repeat;background-size: 20px;background-position: center right;}

    .mTopNav_ul{position:absolute;top: 145px;width:100%;height: 68.5%;padding: 0 16.5px 75px;overflow-y:scroll;}
    .mTopNav_li{}
    .mTopNav_a{display:inline-block;width:100%;padding: 33px 0 29px;border-bottom: 1px solid #ddd;font-size: 24.8px;line-height:1;font-weight: 300;letter-spacing:-0.02em;text-align: center;color:#3c3c3c;background: url(../images/mobile/thin_black_plus.png) no-repeat;background-size: 17px;background-position: 98.5% 50%;}
    .mobileSideActive .mTopNav_a{color: #de071a;background: url(../images/mobile/thin_black_minus.png) no-repeat;background-size: 17px;background-position: 98.5% 50%;}
    /* mib220905 ESG메뉴 바-기호 추가// */
    .mTopNav_a .bar {display: inline-block;position:relative;width:1px;height:18px;margin:-2px 12px 0;vertical-align: middle;background:#3c3c3c;}
    .mobileSideActive .mTopNav_a .bar {background: #de071a;}
    /* //mib220905 ESG메뉴 바-기호 추가 */

    .mTopNavSub_ul{height:0;padding: 0% 11% 0%;margin-bottom: 0vw;overflow:hidden;transition: all .3s ease-out;}
    .mobileSideActive .mTopNavSub_ul{height:auto;margin-bottom: 12.5px;}
    .mTopNavSub_li{border-bottom:1px solid #e5e5e5;}
    .mTopNavSub_a{display:inline-block;width:100%;padding: 16px 0;/* border-bottom: 1px solid #ddd; */font-size: 17px;line-height:1.6;font-weight: 700;letter-spacing:-0.01em;text-align: center;color: #333;word-break:keep-all;}/*mib200925 수정*/
    .mTopNavSub_a .bar {display: inline-block;position:relative;width:1px;height:14px;margin:-4px 8px 0;vertical-align: middle;background:#3c3c3c;}

    .mLinkSocial_ul{position: fixed;bottom:0;width:100%;padding: 16.5px 0 22.7px;font-size:0;text-align: center;background:#111;}
    .mLinkSocial_li{display:inline-block;margin: 0 6%;}
    .mLinkSocial_li:lang(ko){margin: 0 4%;}/*=mib200423 추가*/
    .mLinkSocial_youtube{background:url(../images/mobile/mLinkSocialShadow_youtube_sm.png) no-repeat;background-size: contain;background-position:center;}/*=mib190617 youtube 추가*/
    .mLinkSocial_blog{background:url(../images/mobile/mLinkSocialShadow_blog_sm.png) no-repeat;background-size: contain;background-position:center;}/*=mib190617 이미지명 수정*/
    .mLinkSocial_facebook{background:url(../images/mobile/mLinkSocialShadow_facebook_sm.png) no-repeat;background-size: contain;background-position:center;}/*=mib190617 이미지명 수정*/
    .mLinkSocial_twitter{background:url(../images/mobile/mLinkSocialShadow_twitter.png) no-repeat;background-size: contain;background-position:center;}
    .mLinkSocial_naverpost{background:url(../images/mobile/mLinkSocialShadow_naverpost_sm.png) no-repeat;background-size: contain;background-position:center;}/*=mib200423 네이버포스트 추가*/
    .mLinkSocial_navertv{background:url(../images/mobile/mLinkSocialShadow_navertv_sm.png) no-repeat;background-size: contain;background-position:center;}/*=mib200423 네이버tv 추가*/
    .mLinkSocial_a{display:inline-block;width: 35px;height: 35px;}/*=mib200423 사이즈 수정*/
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
    /* Side Menu tablet */
    .sideMenu_wrap{left:-50%;width:50%;padding:0 0;}
    .layout_sideMenu.sideMenuOpen .sideMenu_wrap{left:0%;}
    
    .sideMenu_close_btn{display:inline-block;position:absolute;top:17px;z-index:1;right:20px;width:22.5px;height:16px;font-size:30px;background:url(../images/mobile/left_arrowBlack.png) no-repeat;background-size:cover;}

    .mLinkLang_ul{padding:20px 20px 0;}
    .mLinkLang_a{padding:0 5px 7.5px;border-bottom:2px solid rgba(0,0,0,0);margin-right:22px;font-size:12px;}

    .mLinkSearch_area{padding-bottom:0;border-bottom:2px solid #111;margin:14px 20px 0;}
    .mLinkSearch_input{/* width:83%; */padding:20px 10px 10px;font-size:20px;}
    .mLinkDelete_btn{position:absolute;top:24px;/* left:unset;right:40px;width:15px;height:15px; */}
    .mLinkSearch_submit{position:absolute;top:26px;right:5px;width:19.5px;height:19px;background-size:contain;}/*mib190610 backgroundsize변경*/

    .mTopNav_ul{top: 150px;height: 73vh;min-height: 68.6%;padding: 0 20px 15%;}
    .mTopNav_li{margin-bottom:0px;}
    .mTopNav_a{padding: 28px 0 15px 0px;font-size:24px;background-size: 21px 21px;background-position: 98.5% 30px;}
    .mobileSideActive .mTopNav_a{color: #de071a;background: url(../images/mobile/thin_black_minus.png) no-repeat;background-size: 21px 21px;background-position: 98.5% 30px;}

    .mTopNavSub_ul{padding:0px 0 0 0px;}
    .mTopNavSub_a{padding: 18px 0 17px 0px;font-size:18px;line-height:1;background-size:12px 21px;background-position:98% 18px;}

    .mLinkSocial_ul{/*left:0;*/bottom:0;width: 50%;padding:25px 52px;}/*mib190610 left 삭제*/
    .mLinkSocial_li{margin-right:40px;}
    .mLinkSocial_a{width:39px;height:39px;}
}


/*-------------------- Popup --------------------*/
.dimmed_bg{display:none;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0);overflow:hidden;transition:background .3s;}
.displayPopup .dimmed_bg{display:block;}
.dimmed_bg.dimmedOn{background:rgba(0,0,0,0.8);}

.popupContent{position:absolute;top:0;right:0;bottom:0;left:0;height:0;margin:auto;text-align:center;opacity:0;overflow:hidden;transition:all .3s;}
.popupContentOn{opacity:1;overflow:auto;}
.popupContentOn.hidden{display:none;}

.dimmed_bg .popup_close_btn{position:absolute;top:10px;right:10px;z-index:1;width:30px;height:30px;font-size:30px;color:#000;background:#fff;}


/*-------------------- AniClass --------------------*/
.lineAni{display:inline-block;position:absolute;top:0;left:0;z-index:0;width: calc(100% - 20px);height: calc(100% - 20px);margin: 10px;overflow:hidden;}
.lineAni_top{content:'';display:inline-block;position:absolute;z-index:1;top: 0;left: 0;width:0%;height:1px;background:#fff;opacity:0;transition:all .5s ease-out;}
.lineAni_bottom{content:'';display:inline-block;position:absolute;z-index:1;bottom: 0;left: 0;width:0%;height:1px;background:#fff;opacity:0;transition:all .5s ease-out;}
a:focus .lineAni .lineAni_top,.lineAni:hover .lineAni_top{width:100%;opacity:1;transition:all .5s ease-in-out;}
a:focus .lineAni .lineAni_bottom,.lineAni:hover .lineAni_bottom{width:100%;opacity:1;transition:all .5s ease-in-out;}
.lineAni_right{content:'';display:inline-block;position:absolute;z-index:1;top: 0;right: 0;width:1px;height:0%;background:#fff;opacity:0;transition:all .5s ease-out;}
.lineAni_left{content:'';display:inline-block;position:absolute;left: 0;z-index:1;width:1px;height:0%;background:#fff;opacity:0;transition:all .5s ease-out;}
a:focus .lineAni .lineAni_right,.lineAni:hover .lineAni_right{height:100%;opacity:1;transition:all .5s ease-in-out;}
a:focus .lineAni .lineAni_left,.lineAni:hover .lineAni_left{height:100%;opacity:1;transition:all .5s ease-in-out;}


/*------------------ clearfixClass ------------------*/
.clfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html .clfix{height:1%;} /* Hides from IE-mac */
.clfix{*zoom:1;} /*for IE 5.5-7*/