@charset "UTF-8";

/**
 * contents.css
 *
 * @desc SK GROUP Renewal project
*/
/*//mib200605 SKMS 추가*/

/*-------------------- Popup --------------------*/
.dimmed_bg{display:none;position:fixed;top:0;left:0;z-index:300;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{font-family: "Noto Sans KR","Malgun Gothic","맑은 고딕","Nanum Gothic","나눔 고딕","돋움",dotum,sans-serif;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;}


/* 컨텐츠 영역 */
.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/sub/company/skms_cont01_bg.jpg);background-size:cover;background-position:center;}
.skms_cont02 .skms_cont_bg::before{background:url(../images/sub/company/skms_cont02_bg.jpg);background-size:cover;background-position:center;}
.skms_cont03 .skms_cont_bg::before{background:url(../images/sub/company/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:500px;padding:2px 5px;}/*mib200601 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:250px;background:rgba(0,0,0,1);}/*mib200601 bg 수정*/
.affiliates_slide_title{display:inline-block;position:absolute;top:55%;right:0;left:0;width:100%;}/*mib200601 top 수정*/
.affiliates_slide_logo{height:48px;margin:0 auto;}
.affiliates_slide_p{position:absolute;top:70%;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 수정*/
.affiliates_slide_p:lang(en) {top:70%;}/*mib200601 top 추가*/
.affiliates_slide_p:lang(zh) {top:70%;}/*mib200601 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:106.5vw;padding:0 1.6vw;}
	.affiliates_slide_a{}
	.affiliates_slide_bg{}
	.affiliates_slide_dimmed{height:49%;}/*mib200601 height 수정*/
  .affiliates_slide_dimmed:lang(en) {height:49%;}/*mib200601 추가*/
  .affiliates_slide_dimmed:lang(zh) {height:49%;}/*mib200601 추가*/
	.affiliates_slide_logo{height:100%;}
	.affiliates_slide_title{height:10vw;}
	.affiliates_slide_p{top:70.5%;font-size: 3.4vw;line-height:1.5;}
	.affiliates_btn_wrap{display:none;}
}
@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;font-size:20px;line-height:1;text-align:left;vertical-align:top;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;
}

/*mib200605 SKMS 추가//*/
/*SKMS 애니메이션*/
@-ms-keyframes boxBlink { 0% { opacity: 1; }
  35% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes boxBlink { 0% { opacity: 1; }
  35% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes boxBlink { 0% { opacity: 1; }
  35% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes boxBlink { 0% { opacity: 1; }
  35% { opacity: 0; }
  100% { opacity: 1; } }

/*SKMS 레이아웃*/
{ /*SKMS 팝업*/ }

body.skms:lang(zh) { font-family: 'Microsoft YaHei',"微软雅黑","宋体",AppleSDGothicNeo, Helvetica, Sans-serif; }

@media (max-width: 1023px) { .mSubMenu_wrap { display: block; } }

@media (max-width: 1023px) { .layout_main .layout_content { padding-top: 105px; } }

@media (min-width: 1024px) { .layout_main .layout_content { padding-top: 55px; } }

.layout_main .layout_content * { box-sizing: border-box; }

.skms-intro { position: relative; }

@media (max-width: 1023px) { .skms-intro { height: 139.2vw; background: #383838 url("/lib/images/mobile/about/skms-intro_sm.jpg") center center/cover no-repeat; } }

@media (min-width: 1024px) { .skms-intro { width: 100%; max-width: 2200px; height: 25.3125vw; max-height: 405px; margin: 0 auto; text-align: center; background: #cacaca url("/lib/images/desktop/about/skms-intro_lg.jpg") center center/cover no-repeat; } }

.skms-intro .skms-intro-title { position: absolute; font-weight: 100; text-align: center; letter-spacing: -0.03em; color: #fff; }

@media (max-width: 1023px) { .skms-intro .skms-intro-title { top: 13.3%; left: 0; width: 100%; font-size: 6.666666vw; line-height: 1.6; letter-spacing: -0.06em; }
  .skms-intro .skms-intro-title:lang(en) { font-size: 6.4vw; line-height: 1.666666; letter-spacing: 0; }
  .skms-intro .skms-intro-title:lang(zh) { font-size: 7.333333vw; line-height: 1.454545; letter-spacing: 0; } }

@media (min-width: 1024px) { .skms-intro .skms-intro-title { top: calc(50% - 42px); left: 50%; font-size: 35px; line-height: 50px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .skms-intro .skms-intro-title:lang(en) { font-size: 32px; font-weight: 600; letter-spacing: 0; }
  .skms-intro .skms-intro-title:lang(zh) { letter-spacing: 0.06em; } }

.skms-intro .skms-intro-title .point { font-weight: 700; line-height: inherit; }

.skms-intro .skms-intro-btns { position: absolute; left: 0; right: 0; margin: 0 auto; font-size: 0; text-align: center; }

@media (max-width: 1023px) { .skms-intro .skms-intro-btns { bottom: 7.61%; } }

@media (min-width: 1024px) { .skms-intro .skms-intro-btns { bottom: 5.5vw; } }

.skms-intro .skms-intro-btns .btn { display: inline-block; position: relative; border: 0; margin: 0 10px; font-weight: 700; text-align: left; vertical-align: top; word-break: keep-all; white-space: nowrap; color: #000; background: #fff; }

@media (max-width: 1023px) { .skms-intro .skms-intro-btns .btn { height: 9.06vw; padding: 0 0 0 2.66666vw; font-size: 3.733333vw; font-weight: 500; line-height: 9.06vw; letter-spacing: -0.06em; }
  .skms-intro .skms-intro-btns .btn:lang(en) { letter-spacing: -0.04em; }
  .skms-intro .skms-intro-btns .btn:lang(zh) { letter-spacing: 0; } }

@media (min-width: 1024px) { .skms-intro .skms-intro-btns .btn { width: 166px; height: 40px; padding: 0 50px 0 15px; font-size: 15px; line-height: 40px; letter-spacing: -0.02em; }
  .skms-intro .skms-intro-btns .btn:lang(en) { width: 188px; font-weight: 400; letter-spacing: 0; }
  .skms-intro .skms-intro-btns .btn:lang(zh) { width: 170px; font-weight: 400; letter-spacing: 0.006em; } }

@media (max-width: 1023px) { .skms-intro .skms-intro-btns .btn.more { width: 34.6666vw; }
  .skms-intro .skms-intro-btns .btn.more:lang(en) { width: 39.866666vw; }
  .skms-intro .skms-intro-btns .btn.more:lang(zh) { width: 36vw; } }

.skms-intro .skms-intro-btns .btn.more::before { content: ''; display: block; position: absolute; height: 2px; background: #333; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

@media (max-width: 1023px) { .skms-intro .skms-intro-btns .btn.more::before { top: 50%; right: 2.666666vw; width: 2.666666vw; height: 0.5333vw; min-height: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } }

@media (min-width: 1024px) { .skms-intro .skms-intro-btns .btn.more::before { top: calc(50% - 1px); right: 13px; width: 10px; height: 2px; } }

.skms-intro .skms-intro-btns .btn.more::after { content: ''; display: block; position: absolute; background: #333; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

@media (max-width: 1023px) { .skms-intro .skms-intro-btns .btn.more::after { top: 50%; right: 2.666666vw; width: 2.666666vw; height: 0.5333vw; min-height: 2px; -webkit-transform: translate(0, -50%) rotate(-90deg); -ms-transform: translate(0, -50%) rotate(-90deg); -moz-transform: translate(0, -50%) rotate(-90deg); transform: translate(0, -50%) rotate(-90deg); } }

@media (min-width: 1024px) { .skms-intro .skms-intro-btns .btn.more::after { top: calc(50% - 5px); right: 17px; width: 2px; height: 10px; } }

@media (max-width: 1023px) { .skms-intro .skms-intro-btns .btn.down { width: 35.2vw; }
  .skms-intro .skms-intro-btns .btn.down:lang(en) { width: 38.8vw; }
  .skms-intro .skms-intro-btns .btn.down:lang(zh) { width: 36vw; } }

@media (min-width: 1024px) { .skms-intro .skms-intro-btns .btn.down:lang(zh) { width: 144px; } }

.skms-intro .skms-intro-btns .btn.down::after { content: ''; display: block; position: absolute; }

@media (max-width: 1023px) { .skms-intro .skms-intro-btns .btn.down::after { top: 50%; right: 2.75vw; width: 3.3333vw; height: 3.3333vw; background: url("/lib/images/desktop/about/skms-arrow-down_lg.png") center center/contain no-repeat; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } }

@media (min-width: 1024px) { .skms-intro .skms-intro-btns .btn.down::after { top: calc(50% - 6px); right: 17px; width: 12px; height: 12px; background: url("/lib/images/desktop/about/skms-arrow-down_lg.png") center center/contain no-repeat; } }

.skms-content { text-align: center; margin: 0 auto; overflow: hidden; }

@media (max-width: 1023px) { .skms-content { margin-bottom: 2.666666vw; } }

@media (min-width: 1024px) { .skms-content { max-width: 1020px; margin-top: 10px; margin-bottom: 100px; } }

.skms-cont-link { position: relative; height: 0; text-align: left; overflow: hidden; }

@media (max-width: 1023px) { .skms-cont-link { display: inline-block; width: 100%; padding-bottom: 151.4666%; margin-top: 2.666666vw; } }

@media (min-width: 1024px) { .skms-cont-link { display: inline-block; width: calc(32.3333% - 4.2px); padding-bottom: 49%; margin: 0 5px; vertical-align: top; } }

.skms-cont-link.item01 .skms-cont-bg { background: url("/images/sub/company/skms-cont01_lg.jpg") center center/cover no-repeat; }

.skms-cont-link.item01 .skms-cont-bg::after { background: rgba(0, 0, 0, 0.7); }

.skms-cont-link.item02 .skms-cont-bg { background: url("/images/sub/company/skms-cont02_lg.jpg") center center/cover no-repeat; }

.skms-cont-link.item02 .skms-cont-bg::after { background: rgba(0, 0, 0, 0.8); }

.skms-cont-link.item03 .skms-cont-bg { background: url("/images/sub/company/skms-cont03_lg.jpg") center center/cover no-repeat; }

.skms-cont-link.item03 .skms-cont-bg::after { background: rgba(0, 0, 0, 0.4); }

.skms-cont-link .skms-cont-bg { position: absolute; top: 0; left: 0; width: 100%; height: 120%; overflow: hidden; }

.skms-cont-link .skms-cont-bg::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.skms-cont-link .skms-cont-title { display: block; position: relative; font-weight: 700; line-height: 1; letter-spacing: -0.01em; color: #de071a; }

.skms-cont-link .skms-cont-title:lang(ko) { text-transform: uppercase; }

.skms-cont-link .skms-cont-title:lang(zh) { font-weight: 600; }

@media (max-width: 1023px) { .skms-cont-link .skms-cont-title { position: relative; padding-bottom: 14vw; margin-top: 20vw; margin-left: 7.2vw; margin-bottom: 9.5vw; font-size: 8vw; }
  .skms-cont-link .skms-cont-title:lang(zh) { line-height: 1.16; letter-spacing: 0; } }

@media (min-width: 1024px) { .skms-cont-link .skms-cont-title { padding-bottom: 32px; margin: 53px 0 0 30px; font-size: 26px; }
  .skms-cont-link .skms-cont-title:lang(en) { font-size: 20px; } }

.skms-cont-link .skms-cont-title::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; background: #de071a; }

@media (max-width: 1023px) { .skms-cont-link .skms-cont-title::before { width: 5.333333vw; } }

@media (min-width: 1024px) { .skms-cont-link .skms-cont-title::before { width: 22px; margin: 0 auto; } }

.skms-cont-link .skms-cont-desc { display: block; position: relative; font-weight: 300; line-height: 1.7; letter-spacing: -0.04em; color: #fff; }

.skms-cont-link .skms-cont-desc:lang(zh) { font-weight: 100; letter-spacing: 0.06em; }

@media (max-width: 1023px) { .skms-cont-link .skms-cont-desc { margin-left: 7.2vw; font-size: 5.333333vw; line-height: 1.75; }
  .skms-cont-link .skms-cont-desc:lang(en) { letter-spacing: -0.04em; } }

@media (min-width: 1024px) { .skms-cont-link .skms-cont-desc { margin: 20px 0 0 30px; font-size: 20px; }
  .skms-cont-link .skms-cont-desc:lang(en) { font-size: 16px; line-height: 1.625; letter-spacing: 0; } }

.skms-cont-link .skms-cont-btn { display: block; position: absolute; border: 1px solid rgba(255, 255, 255, 0.7); font-weight: 400; word-break: keep-all; white-space: nowrap; color: #fff; }

@media (max-width: 1023px) { .skms-cont-link .skms-cont-btn { bottom: 9.066666vw; left: 7.2vw; width: 33.3333vw; height: 9.866666vw; padding-left: 4.266666vw; font-size: 3.733333vw; font-weight: 700; line-height: calc(9.866666vw - 2px); letter-spacing: -0.01em; }
  .skms-cont-link .skms-cont-btn:lang(en) { width: 36.4vw; }
  .skms-cont-link .skms-cont-btn:lang(zh) { width: 38.6vw; letter-spacing: 0; } }

@media (min-width: 1024px) { .skms-cont-link .skms-cont-btn { left: 40px; bottom: 40px; width: 128px; height: 35px; padding: 0 28px 0 12px; font-size: 14px; line-height: 33px; letter-spacing: -0.02em; }
  .skms-cont-link .skms-cont-btn:lang(en) { font-weight: 700; letter-spacing: -0.01em; }
  .skms-cont-link .skms-cont-btn:lang(zh) { width: 150px; font-weight: 700; letter-spacing: -0.01em; } }

.skms-cont-link .skms-cont-btn::before { content: ''; display: block; position: absolute; background: #fff; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

@media (max-width: 1023px) { .skms-cont-link .skms-cont-btn::before { top: 50%; right: 4.2vw; width: 2.666666vw; height: 0.5333vw; min-height: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } }

@media (min-width: 1024px) { .skms-cont-link .skms-cont-btn::before { top: calc(50% - 1px); right: 16px; width: 10px; height: 2px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } }

.skms-cont-link .skms-cont-btn::after { content: ''; display: block; position: absolute; background: #fff; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

@media (max-width: 1023px) { .skms-cont-link .skms-cont-btn::after { top: 50%; right: 4.2vw; width: 2.666666vw; height: 0.5333vw; min-height: 2px; -webkit-transform: translate(0, -50%) rotate(-90deg); -ms-transform: translate(0, -50%) rotate(-90deg); -moz-transform: translate(0, -50%) rotate(-90deg); transform: translate(0, -50%) rotate(-90deg); } }

@media (min-width: 1024px) { .skms-cont-link .skms-cont-btn::after { top: calc(50% - 5px); right: 20px; width: 2px; height: 10px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } }

@media (min-width: 1024px) { .skms-cont-link:hover .skms-cont-bg::after { -ms-animation: boxBlink 0.5s 0s forwards linear; -webkit-animation: boxBlink 0.5s 0s forwards linear; -moz-animation: boxBlink 0.5s 0s forwards linear; animation: boxBlink 0.5s 0s forwards linear; } }

@media (min-width: 1024px) { .skms-cont-link:hover .skms-cont-btn::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; background: rgba(0, 0, 0, 0); } }

@media (min-width: 1024px) { .skms-cont-link:hover .skms-cont-btn::after { top: calc(50% - 3px); right: 20px; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; background: rgba(0, 0, 0, 0); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } }

.popupContent { display: none; width: 100%; max-width: 1200px; background: #fff; outline: none; overflow-y: auto; }

@media (max-width: 1023px) { .popupContent { top: 0; height: 100vh; } }

@media (min-width: 1024px) { .popupContent { top: 100px; bottom: auto; bottom: unset; height: calc(100vh - 200px); } }

@media (min-width: 1024px) { .popupContent.skms-cont01-popup { max-height: 749px; } }

@media (min-width: 1024px) { .popupContent.skms-cont02-popup { max-height: 854px; } }

@media (min-width: 1024px) { .popupContent.skms-cont03-popup { max-height: 995px; } }

.popupContent .popup-area { position: relative; width: 100%; max-width: 1024px; font-size: 0; text-align: left; }

@media (max-width: 1023px) { .popupContent .popup-area { padding: 0 7.2vw; margin: 50px auto 33vw;     width: 65%; } }

@media (min-width: 1024px) { .popupContent .popup-area { padding: 0 12px; margin: 110px auto 100px; } }

.popupContent .popup-area .popup-title { display: block; position: relative; font-weight: 700; line-height: 1; letter-spacing: -0.01em; color: #de071a; }

@media (max-width: 1023px) { .popupContent .popup-area .popup-title { padding-bottom: 8.4vw; margin-bottom: 8vw; font-size: 4vw; }
  .popupContent .popup-area .popup-title:lang(en) { letter-spacing: 0; }
  .popupContent .popup-area .popup-title:lang(zh) { letter-spacing: 0; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-title { padding-bottom: 43px; margin-bottom: 40px; font-size: 18px; } }

.popupContent .popup-area .popup-title::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #de071a; }

@media (max-width: 1023px) { .popupContent .popup-area .popup-title::after { width: 5.3vw; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-title::after { width: 20px; } }

.popupContent .popup-area .popup-column { display: inline-block; width: 100%; font-size: 0; }

.popupContent .popup-area .popup-column .popup-content { position: relative; }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-content.last-margin { margin-bottom: 100px; } }

@media (max-width: 1023px) { .popupContent .popup-area .popup-column .popup-content + .popup-content { margin-top: 16vw; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-content + .popup-content { margin-top: 100px; } }

.popupContent .popup-area .popup-column .popup-contitle { font-weight: 500; line-height: 1; letter-spacing: -0.01em; color: #000; }

@media (max-width: 1023px) { .popupContent .popup-area .popup-column .popup-contitle { font-size: 7.2vw; letter-spacing: 0; margin-bottom: 4.8vw; }
  .popupContent .popup-area .popup-column .popup-contitle:lang(ko) { white-space: nowrap; }
  .popupContent .popup-area .popup-column .popup-contitle:lang(en) { line-height: 1.454545; letter-spacing: -0.02em; }
  .popupContent .popup-area .popup-column .popup-contitle:lang(zh) { letter-spacing: 0; white-space: nowrap; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-contitle { font-size: 28px; margin-bottom: 23px; } }

.popupContent .popup-area .popup-column .popup-p { font-weight: 400; line-height: 1.6666; letter-spacing: -0.04em; color: #444; }

.popupContent .popup-area .popup-column .popup-p:lang(ko) { word-break: keep-all; }

.popupContent .popup-area .popup-column .popup-p:lang(en) { word-break: keep-all; }

@media (max-width: 1023px) { .popupContent .popup-area .popup-column .popup-p { font-size: 4vw; letter-spacing: -0.06em; }
  .popupContent .popup-area .popup-column .popup-p:lang(en) { letter-spacing: 0; }
  .popupContent .popup-area .popup-column .popup-p:lang(zh) { letter-spacing: 0; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-p { font-size: 15px; } }

@media (max-width: 1023px) { .popupContent .popup-area .popup-column .popup-p + .popup-p { margin-top: 2.2vw; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-p + .popup-p { margin-top: 12px; } }

.popupContent .popup-area .popup-column .popup-p .strong { font-weight: 700; }

.popupContent .popup-area .popup-column .popup-tip { font-weight: 300; line-height: 1.6666; letter-spacing: -0.04em; color: #666; }

.popupContent .popup-area .popup-column .popup-tip:lang(ko) { word-break: keep-all; }

@media (max-width: 1023px) { .popupContent .popup-area .popup-column .popup-tip { margin-top: 13.333333vw; font-size: 3.2vw; }
  .popupContent .popup-area .popup-column .popup-tip:lang(zh) { letter-spacing: 0; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-tip { padding-left: 12px; margin-top: 40px; font-size: 12px; text-indent: -12px; } }

.popupContent .popup-area .popup-column .popup-tip .strong { font-weight: 700; color: #666; }

.popupContent .popup-area .popup-column .point-color { color: #ed7500; }

.popupContent .popup-area .popup-column .popup-box { background: #f6f6f6; }

@media (max-width: 1023px) { .popupContent .popup-area .popup-column .popup-box { width: 100%; padding: 6.666666vw; margin: 5.333333vw auto 8vw; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-box { max-width: 450px; padding: 6.6666% 10% 6.6666% 6.6666%; margin: 13px auto 35px; } }

.popupContent .popup-area .popup-column .popup-box .box-item { position: relative; padding-left: 10px; font-weight: 300; letter-spacing: -0.04em; color: #444; }

.popupContent .popup-area .popup-column .popup-box .box-item:lang(ko) { word-break: keep-all; }

@media (max-width: 1023px) { .popupContent .popup-area .popup-column .popup-box .box-item { font-size: 3.4vw; line-height: 1.69; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-box .box-item { font-size: 14px; line-height: 1.785714; } }

.popupContent .popup-area .popup-column .popup-box .box-item::before { content: ''; display: block; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #ed7500; }

.popupContent .popup-area .popup-column .popup-box .box-item + .box-item { margin-top: 3%; }

.popupContent .popup-area .popup-column .popup-figure { margin: 0; }

@media (max-width: 1023px) { .popupContent .popup-area .popup-column .popup-figure { margin-top: 8.666666vw; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-figure { position: absolute; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-figure.cont2-pop-img1 { top: -43px; right: 0; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-figure.cont3-pop-img1 { top: -98px; right: -9px; } }

@media (min-width: 1024px) { .popupContent .popup-area .popup-column .popup-figure.cont3-pop-img2 { top: 0; right: 0; } }

.popupContent .popup-area .popup-column .popup-figure .popup-img { display: block; max-width: 100%; margin: 0 auto; }

.popupContent .popup-close { position: fixed; right: 0; left: 0; z-index: 2; margin: 0 auto; text-align: center; }

@media (max-width: 1023px) { .popupContent .popup-close { bottom: 0; width: calc(100% - 14vw); height: 70px; background: #fff; overflow: hidden; } }

@media (min-width: 1024px) { .popupContent .popup-close { top: 100px; width: calc(100% - 50px); height: 81px; max-width: 1150px; background: #fff; } }

@media (max-height: 700px) and (min-width: 1024px) { .popupContent .popup-close { top: 50px; } }

.popupContent .close-btn { display: inline-block; position: relative; width: 42px; height: 42px; border: 1px solid #bbb; border-radius: 100%; font-size: 0; vertical-align: top; color: rgba(0, 0, 0, 0); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (max-width: 1023px) { .popupContent .close-btn { position: absolute; right: 0; left: 0; bottom: 12px; margin: 0 auto; } }

@media (min-width: 1024px) { .popupContent .close-btn { margin: 30px auto 0; } }

.popupContent .close-btn::before, .popupContent .close-btn::after { content: ''; display: block; position: absolute; background: #000; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.popupContent .close-btn::before { width: 1px; height: 17px; }

.popupContent .close-btn::after { width: 17px; height: 1px; }

@media (max-width: 1023px) { .popupContent.popupContentOn { display: inline-block; } }

@media (min-width: 1024px) { .popupContent.popupContentOn { display: block; } }

@media (min-width: 1024px) and (max-height: 700px) { .popupContent { position: fixed; top: 50px; height: calc(100% - 100px) !important; } }

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

@media (max-width: 1023px) { body.skms.msie9 .popupContent .popup-area { margin-top: 100px; } }


/*-------------------- 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*/