@charset "UTF-8";
@import url('variables.css'); /* 20251013 추가 */
/*
    =======================
    SUB
    =======================
*/



/* 매거진 리스트 */
.mgznList{background: #1d1e1e;}
/* 20230209 수정 :: S */
.mgznList_titArea{display: none; /* gradient fallback img */ background: center / cover no-repeat url('../images/common/bg/bg_mainGradient_pc.jpg'); background: linear-gradient(103deg, rgba(255,112,0,1) 0%, rgba(229,19,46,1) 33%, rgba(229,19,46,1) 66%, rgba(222,0,126,1) 100%);}
.mgznList_tit{line-height: 70px; height: 70px; font-size: 18px; font-weight: 900; color:#fff; text-align: center; text-transform: uppercase;}
.mgznList_titArea.mgznList_titArea-displayAlways{display: block;}
/* 20230209 수정 :: E */
.mgznList_filter{padding-top: 27px}

/* 20211220 추가 : 매거진 카테고리 :: S */
.mgznList_keywords.swiper-container{padding: 0 20px;}
/* .mgznList_keywords.swiper-container .swiper-wrapper {display: flex; justify-content: center;} */
.mgznList_keywordItem.swiper-slide{display: block; width: auto!important; padding: 0 15px; box-sizing: border-box;} /* 20250620 수정 */
.mgznList_keywordItem.swiper-slide:first-child{padding-left: 0;}
.mgznList_keywordItem.swiper-slide:last-child{padding-right: 0;}
.mgznList_keywordItem a{display: block; font-size: 0; padding-bottom: 8px;}
.mgznList_keywordItem a.on{border-bottom: 1px solid #e30019;}
.mgznList_keywordIco{display: inline-block; vertical-align: middle; width: 12px; height: 12px; background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 5px; margin-top: 2px;}
.mgznList_keywordIco-season{background-image: url('../images/common/ico/ico_season.png');}
.on .mgznList_keywordIco-season{background-image: url('../images/common/ico/ico_season_on.png');}
.mgznList_keywordIco-fashion{background-image: url('../images/common/ico/ico_fashion.png');}
.on .mgznList_keywordIco-fashion{background-image: url('../images/common/ico/ico_fashion_on.png');}
.mgznList_keywordIco-parenting{background-image: url('../images/common/ico/ico_parenting.png');}
.on .mgznList_keywordIco-parenting{background-image: url('../images/common/ico/ico_parenting_on.png');}
.mgznList_keywordIco-travel{background-image: url('../images/common/ico/ico_travel.png');}
.on .mgznList_keywordIco-travel{background-image: url('../images/common/ico/ico_travel_on.png');}
.mgznList_keywordIco-food{background-image: url('../images/common/ico/ico_food.png');}
.on .mgznList_keywordIco-food{background-image: url('../images/common/ico/ico_food_on.png');}
.mgznList_keywordIco-interior{background-image: url('../images/common/ico/ico_interior.png');}
.on .mgznList_keywordIco-interior{background-image: url('../images/common/ico/ico_interior_on.png');}
/* 20230609 추가 :: 이블리 카테고리 S */
.mgznList_keywordIco-evely{background-image: url('../images/common/ico/ico_evely.png');}
.on .mgznList_keywordIco-evely {background-image: url('../images/common/ico/ico_evely_on.png');}
/* 20230609 추가 :: 이블리 카테고리 E */
.mgznList_keyword{display: inline-block; vertical-align: middle; font-size: 15px; font-weight: 400; color:#fff;}
.on .mgznList_keyword{font-weight: 700; color: #e30019;}
.centerSwiper{justify-content: center;} /* 20220111 추가 */
/* 20211220 추가 : 매거진 카테고리 :: E */

.mgznList_cate{font-size: 0; text-align: center;}
.mgznList_cate > li{display: inline-block; vertical-align: middle; margin-left: 25px;} /* 20210628 수정 : 카테고리 사이 간격 조정 */
.mgznList_cate > li:first-child{margin-left: 0;}
.mgznList_cate > li a{display: block; padding-bottom: 8px; font-size: 15px; font-weight: 500; color:#fff; text-transform: uppercase;}
.mgznList_cate > li.on a{color:#e30019; font-weight: 700; border-bottom: 1px solid #e30019;}


.mgznListSet{font-size: 0;}
.mgznList_list{margin-top: 30px; padding: 20px}/* 20250620 수정 */
.mgznList_filter + .mgznList_list{padding-top: 16px;}/* 20211220 수정 : 매거진 카테고리 */
.mgznList_list-brown{background: #4d4745; padding: 30px 20px}
.mgznListSet_item{margin-top: 48px;}
.mgznListSet_item:first-child{margin-top: 0;}
.magazineItem_img-pc{display: none;}
.magazineItem_img-mo p{padding-top: 56.26%;}
.magazineItem-listItem .magazineItem_card{box-shadow: none;}
.magazineItem-listItem .magazineItem_info{position: relative; padding: 0 14px; margin-top: -53px;}
.magazineItem-listItem .magazineItem_cate{font-size: 14px;}
.magazineItem-listItem .magazineItem_tit{font-size: 24px; height: auto;}
.magazineItem-listItem .magazineItem_desc{font-size: 14px; color:#fff; letter-spacing: -0.04em; line-height: 1.5em; max-height: 3em; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 11px;}
.magazineItem-listItem .magazineItem_tags{display: none;}
.mgznListSet-quad .magazineItem_card{box-shadow: none;}
.mgznListSet-quad .magazineItem_tags{display: none;}
.mgznListSet-quad .mgznListSet_item{display: inline-block; vertical-align: top; width: calc(50% - 10px); margin: 20px 0 0 20px;}
.mgznListSet-quad .mgznListSet_item:nth-child(2n - 1){margin-left: 0;}
.mgznListSet-quad .mgznListSet_item:nth-child(1), .mgznListSet-quad .mgznListSet_item:nth-child(2){margin-top: 0;}
.mgznListSet-quad .magazineItem_info{padding: 12px 15px; }
.mgznListSet-quad .magazineItem_tit{margin-top: 8px;}
.mgznList_viewMoreArea{text-align: center; padding: 40px 0 30px;}
.mgznList_viewMore{font-weight: 700; letter-spacing: -0.02em; color:#fff; display: inline-block; height: 30px; line-height: 30px; padding:0 17px; border-radius: 1000px; background: #e30019; font-size: 11px;}


/* 매거진 상세보기 */
.viewMgzn{background: #e5e2dd;}
.viewMgzn_coverArea{position: relative;}
/* 20251013 수정 :: S */
.viewMgzn_titArea{width: calc(100% - 20px); background: #e5e2dd; padding: 32px 24px 0; position: relative; box-sizing: border-box; word-break: keep-all; margin-top: -103.5px;}
.contentHeader{display: flex; flex-direction: column; gap: 16px;}
.contentHeader_crump{display: flex; align-items: center; gap: 15px; }
.contentHeader_crump > img {width: 8px;}
.contentHeader_crump span{display: inline-block; font-size: 14px; color: var(--eBlack); line-height: 21px;}
.contentHeader_crump span:last-child {font-weight: 500;}
.contentHeader_tit{font-size: 24px; letter-spacing: -1px; font-weight: 700; line-height: 32px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 96px;}
.contentHeader_desc{color: var(--eBlack); font-size: 14px; line-height: 21px;}
.contentHeader_tags{display: none;}
.contentHeader_contInfo{display: flex; align-items:center; gap: 16px;}
.contentHeader_writer, .contentHeader_createdAt, .contentHeader_hit{font-size: 12px; font-weight: 300; line-height: 18px; color: var(--eGray_900)}
.contentHeader_hit{display: flex; align-items: center; gap: 4px;}
.contentHeader_hit > img {width: 18px;}
.contentHeader_hr {background-color: #aaa; height: 1px; margin: 8px 0;}
.contentHeader_btnWrap {display: flex; align-items: center; gap: 8px;}
.contentHeader_subscribeBtn > span, .contentHeader_shareBtn > span {font-size: 14px; line-height: 21px;}
.contentHeader_subscribeBtn > img {width: 18px;}
.contentHeader_shareBtn > img {width: 18px;}
.viewMgzn_contInfo{display: none;}
.viewMgzn_prdInside {padding: 20px 0; max-width: 800px; margin: 0 auto;}
.prdInside_titWrap { padding: 0 20px; margin-bottom: 16px; }
.prdInside_tit{display: block; font-size: 18px; line-height: 24px; font-weight: 700; color: var(--eGray_900);}
.prdInside_slider.swiper-container{padding: 0 20px;}
.prdInside_slider .prdInside_item{width: 110px;}
.prdInside_wrapper > a {display: block; position: relative;}
.prdInside_img > img {display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover; object-position: center;}
.prdInside_info::after {content:''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(229, 226, 221, 0.00) 0%, #E5E2DD 100%)}
.prdInside_info {position: absolute; bottom: 0; left:0; right: 0; padding: 8px 6px;}
.prdInside_price {font-size: 14px; line-height: 24px; font-weight: 700; color: var(--eGray_900); position: relative; z-index: 1;}
.prdInside_list { padding: 0 20px; display: flex; flex-direction: column; gap: 20px; }
.viewMgzn_chance {max-width: 800px; margin: 0 auto; padding: 20px; box-sizing: border-box;}
.firstChance {border-radius: 18px; background: var(--gradient);}
.firstChance_titWrap {display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 24px; margin-bottom: 12px; padding-left: 20px;}
.firstChance_bullet.button.button-white {color: var(--eRed);}
.firstChance_tit {font-size: 18px; font-weight: 700; line-height: 24px; color: var(--eWhite);}
.firstChance_slider.swiper-container{padding: 0 20px 24px 20px;}
.firstChance_item.swiper-slide {width: 130px;}
.firstPrd{border-radius: 5px; border: 1px solid #F9F9F9; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); overflow: hidden;}
.firstPrd_img > img {display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover; object-position: center;}
.firstPrd_info {background: var(--eWhite); padding: 8px;}
.firstPrd_brand {display:block; font-size: 10px; font-weight: 700; line-height: 18px; color: var(--eBlack); margin-bottom: 4px;}
.firstPrd_name {display:block; font-size: 12px; line-height: 18px; color: var(--eBlack); height: 32px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.firstPrd_priceWrap{display: flex; align-items:center;}
.firstPrd_originPrice{font-size: 12px; line-height: 18px; font-weight: 300; color: var(--eBlack); text-decoration-line: line-through; white-space: nowrap;}
.firstPrd_realPrice{font-size:14px; line-height: 24px; font-weight: 700; color: var(--eRed); white-space: nowrap;}
.ankerPrd {display: flex; align-items: center; gap: 16px;}
.ankerPrd_img { flex-shrink: 0; }
.ankerPrd_img > img {display: block; width: 80px; aspect-ratio: 1/1; object-fit: cover; object-position: center; border-radius: 2px 2px 0 0;}
.ankerPrd_info { flex-grow: 1; display: flex; flex-direction: column; gap: 6px;}
.ankerPrd_name {font-size: 16px; font-weight: 500; line-height: 24px; color: var(--eGray_900); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ankerPrd_priceWrap {display: flex; align-items: center; gap : 10px;}
.ankerPrd_sale { font-size: 18px; font-weight: 700; line-height: 24px; color: var(--eRed); }
.ankerPrd_priceArea{ display: flex; align-items: flex-end; gap: 4px;}
.ankerPrd_realPrice { font-size: 18px; font-weight: 700; line-height: 24px; color: var(--eGray_900); }
.ankerPrd_originPrice { font-size: 14px; line-height: 21px; color: #8F8F8F; text-decoration-line: line-through; }
.viewMgzn_btnContainer { display: flex; flex-direction: column; align-items: center; }
.viewMgzn_customButton.button.button-solid { padding-left: 24px; padding-right: 24px; background: var(--eGray_900); }
.viewMgzn_contentFooter { max-width: 1440px; padding: 20px; margin: 0 auto; }
.contentFooter_btns { display: flex; align-items: center; gap: 8px; }
.contentFooter_subscribe.button.button-36 > img, .contentFooter_share.button.button-36 > img { width: 18px; }
.contentFooter_hr { width: 100%; height: 1px; background-color: #aaa; margin-top: 40px; margin-bottom: 24px;}
.contentFooter_keywords { display: flex; align-items: center; gap: 16px; }
.contentFooter_keywordsTitle { font-size: 18px; line-height: 24px; font-weight: 700; color: var(--eGray_900); }
.contentFooter_keywordsList { display: flex; align-items: center; gap: 4px; flex-wrap: wrap;}
.viewMgzn_subSection { max-width: 1440px; margin: 0 auto; overflow: hidden; padding: 20px 0;}
.viewMgzn_subTitleWrap {padding: 0 20px; margin-bottom: 16px; }
.viewMgzn_subTitle { position: relative; font-size: 18px; font-weight: 700; line-height: 24px; color: var(--eGray_900); padding-left: 13px; }
.viewMgzn_subTitle::before { content:''; display: block; width: 3px; height: 16.5px; background: #e30019; position: absolute; top:50%; left:0; margin-top: -7px; }
.mgznPrdSlider.swiper-container {
    overflow: visible;
    padding: 0 20px;
}
.mgznPrdSlider_item.swiper-slide {
    width: 186px;
}
.mgznPrdSlider_item > a {
    display: block;
}
.mgznPrd {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.mgznPrd_img img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}
.mgznPrd_info {
    display: flex;
    flex-direction: column;
    gap: 10px;
} 
.mgznPrd_brand {
    font-size: 16px;
    font-weight: 700;
    color: var(--eGray_900);
    line-height: 24px;
}
.mgznPrd_name {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: var(--eGray_900);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 48px;
}
.mgznPrd_price {
    display: flex;
    align-items: center;
    gap: 6px;
}
.mgznPrd_priceReal {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: var(--eGray_900);
}
.mgznPrd_priceReal span {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.mgznPrd_sale {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: var(--eRed);
}
/* 20251013 수정 :: E */


.viewMgzn_vid{position: relative; padding-top: 120%; overflow: hidden;}
.viewMgzn_vid video{position: absolute; height: 100%; top:50%; left:50%; transform: translate(-50%, -50%);}
/* .viewMgzn_cont{padding:30px 0 50px} 20210624 삭제 : 본문 컨텐츠간 여백 삭제 */
.viewMgzn_cont{padding:20px 0; max-width: 800px; box-sizing: border-box; margin: 0 auto;} /* 20220105 수정 : 넓이제한 추가 */ /* 20210624 추가 : 본문 컨텐츠간 기본 여백 추가 */
.viewMgzn_cont.news_cont {max-width: none;} /* 20210117 추가 :: 뉴스 페이지 클래스 추가시 "news_cont"클래스 추가 */

/* 20230609 추가 :: S */
.viewMgzn_share .container, .viewMgzn_share .container-mo {display: flex; justify-content: space-between; position: relative;}
.views_wrap .views p {font-size: 15px; font-weight: 500; letter-spacing: -0.02em; color: #1d1e1e;}
/* 20230609 추가 :: E */
 
.photoSlider{overflow: hidden;}
.photoSlider_top{position: relative;} /* 20210624 수정 : 이미지 배경색 */ /* 20220111 수정 */
.photoSlider_bot{position: relative; margin-top: 20px;}
.photoSlider_photo .slick-arrow{display: none!important;}
.photoSlider_thumb {padding: 0 20px}
.photoSlider_thumb .slick-list{overflow: visible; margin: 0 -5.5px;}
.photoSlider_thumb::after, .photoSlider_thumb::before{content:''; display: block; width: 20px; height: 100%; position: absolute; top:0; z-index: 1; pointer-events: none; transition: .3s; opacity:1;}
.photoSlider_thumb::after{background: linear-gradient(90deg, rgba(229,226,221,0) 0%, rgba(229,226,221,1) 100%); right: 0;}
.photoSlider_thumb::before{background: linear-gradient(90deg, rgba(229,226,221,1) 0%, rgba(229,226,221,0) 100%); left: 0;}
.photoSlider_thumbItem{margin: 0 5.5px; cursor: pointer; position: relative;} /* 20210623 수정 : outline */
.photoSlider_thumbImg{position: relative; overflow: hidden;} /* 20220111 수정 */
.now.photoSlider_thumbItem::after{content:''; display: block; width: 100%; height: 100%; border: 2px solid #1d1e1e; position: absolute; top:0; left:0; box-sizing: border-box;}
.photoSlider_photoImg{overflow: hidden;}
.photoSlider_photoImg p{padding-top: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; transform: scale(1.02);} /* 20220111 수정 */
.photoSlider_thumbImg p{padding-top: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;} /* 20220111 수정 */
.photoSlider_counter{position: absolute; bottom:0; left: 0; font-size: 13px; color: #888; letter-spacing: -0.04em; text-align: center; background: rgba(255,255,255,0.7); min-width: 55.5px; height: 30px; line-height: 30px; font-weight: 200;}
.photoSlider_counter span{font-weight: 700; color: #1d1e1e;}
.photoSlider_bot .photoSlider_counter{display: none;}
.photoSlider_imgCp {font-size: 15px; color: #7C7979; text-align: center; width: 100%; display: block; margin-top: 30px;line-height: 1.2;}/*20220120 수정*/


.viewMgzn_other{position: relative; padding:50px 0 55px; margin-top: 53px;}
.viewMgzn_other::before{content:''; display: block; width: calc(100% - 40px); height: 1px; background: #aaa; position: absolute; top:0; left:20px;}
.viewMgzn_otherCont + .viewMgzn_otherCont{margin-top: 50px;}
.viewMgzn_subTitArea{margin-bottom: 19px;}
.viewMgzn_subTit{position: relative; font-size: 18px; font-weight: 700; letter-spacing: -0.04em; padding-left: 13px;}
.viewMgzn_subTit::before{content:''; display: block; width: 3px; height: 16.5px; background: #e30019; position: absolute; top:50%; left:0; margin-top: -7px;}

.prdSlide{padding:0 20px; overflow: hidden;}
.prdSlide .slick-list{overflow: visible; margin: 0 -10px}
.prdSlide_item{margin: 0 10px;}
.prdItem_img{overflow: hidden;}
.prdItem_img p{padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.prdItem_info{margin-top: 15px;}
.prdItem_brand{font-size: 13px; font-weight: 700; letter-spacing: -0.04em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prdItem_name{font-size: 13px; letter-spacing: -0.04em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 6px;}
.prdItem_price{font-size: 13px; font-weight: 700; letter-spacing: -0.02em; margin-top: 15px;}

.relSlide{padding:0 20px; overflow: hidden;}
.relSlide .slick-list{overflow: visible; margin: 0 -10px}
.relSlide_item{margin: 0 10px;}
.relSlide_item:last-child{margin-right: 0;}
.relItem_imgArea{position: relative;}
.relItem_img p{padding-top: 56.66%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.relItem_imgArea p::after{content:''; display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; /* gradient fallback img */ background: left bottom / auto 100% url('../images/common/bg/bg_magazineGra.png') repeat-x; background: linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,.4) 90%)}
/* 20210628 수정 : 뉴스 연관콘텐츠와 동일하게 수정// */
.relItem_cate{width: 100%; box-sizing: border-box; font-size: 13px; font-weight: 700; color:#e5132e; z-index: 1;}
.relItem_info{margin-top: 13px;}
/* //20210628 수정 : 뉴스 연관콘텐츠와 동일하게 수정// */
.relItem_tit{margin-top: 10px; font-size: 14px; font-weight: 500; letter-spacing: -0.04em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5em !important; max-height: 3em;} /* 20220117 수정 */
/* 20210624 추가 : 에디터 본문 hr 넓이 수정_2// */
.viewMgzn_cont .se-module-horizontalLine{width: 100%!important;}
.viewMgzn_cont .se-module-horizontalLine hr{width: 100%!important;}
/* //20210624 추가 : 에디터 본문 hr 넓이 수정_2 */

/* 20210624 추가 : 에디터 본문 여백 수정// */
.viewMgzn_cont .se-component-content{padding: 0 20px!important;}
/* //20210624 추가 : 에디터 본문 여백 수정 */

.viewMgzn_cont p{line-height: 1.8; word-break: keep-all;} /* 20210624 추가 : 에디터 본문 line-height 고정 */ /* 20210624 수정 : 에디터 본문 line-height_2 */ /* 20210111 수정 */

 /* 20210624 추가 : 에디터 본문 볼드, 이텔릭// */
.viewMgzn_cont b{font-weight: bold;}
.viewMgzn_cont i{font-style: italic;}
 /* //20210624 추가 : 에디터 본문 볼드, 이텔릭 */

 /* 최신 뉴스 */
.newsNew_list{padding: 40px 0 10px; position: relative;} 
.newsNew_list:before{content: ''; display: block; width: calc(100% - 40px); height: 1px; background: #595958; position: absolute; right: 20px; bottom: 0;} /* 20210716 수정 : 라인 수정 */
.newsNew_item a{display: block; position: relative;}
.newsNew_img p{display: block; padding-top: 56.4%; background-size: cover; background-position: center; background-repeat: no-repeat;}/* 20210827 수정 : 뉴스배너 수정 */
.newsNew_info{color: #fff; padding: 25px 20px; position: relative; box-sizing: border-box;} 
.newsNew_cate{display: inline-block; font-size: 14px; font-weight: 700; border-bottom: 1px solid #fff; padding-bottom: 6px; position: absolute; top: -40px;}
.newsNew_tit{font-size: 24px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.4em; padding-right: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 2.8em;}
.newsNew_date{font-size: 14px; letter-spacing: -0.02em; margin-top: 13px;}
.newsNew_txt{font-size: 14px; line-height: 1.6em; letter-spacing: -0.04em; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; max-height: 8em; margin-top: 25px;}
.newsNew_count{font-size: 16px; color: #aaa; font-weight: 300; position: absolute; right: 20px; top: 30px;}
.newsNew_count span{color: #fff; font-weight: 700;} 
.newsNewSet .slick-arrow{display: none!important;} /* 20210716 추가 : 최신뉴스 버튼 추가 */

 /* 뉴스 리스트 */
.newsList_list{padding: 40px 20px 30px;}
.newsListSet > li{margin-top:50px;}
.newsListSet > li:first-child{margin-top: 0;}
.newsItem_img p{display: block; padding-top: 56.4%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.newsItem_info{color: #fff; padding-top: 15px;}
.newsItem_cate{display: inline-block; font-size: 14px;font-weight: 700; border-bottom: 1px solid #f6f6f6; padding-bottom: 5px;}
.newsItem_tit{font-size: 22px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3em; margin-top: 3px;}
.newsItem_date{font-size: 14px; letter-spacing: -0.02em; margin-top: 12px;}

/* 베스트 뉴스 */
.newsBest_list{background: #4d4745; padding: 45px 0 55px;}
.newsBest_tit{font-size: 23px; color: #fff; font-weight: 900; padding: 0 20px; text-transform: uppercase;}/* 20210719 수정 : 미디어 */
.newsBest_Area{margin-top: 20px;}
.bestItem{color: #fff;}
.bestSlide{padding: 0 20px; overflow: hidden;}
.bestSlide .slick-list{margin: 0 -10px; overflow: visible;}
.bestSlide_item{margin: 0 10px;}
.bestItem_top{position:relative;}
.bestItem_num{font-size: 23px; font-weight: 900; font-style: italic;}
.bestItem_cate{font-size: 14px; color: #867f7d; font-weight: 700; position: absolute; right:0; bottom: 0;}
.bestItem_img{margin-top: 15px;}
.bestItem_img p{display: block; padding-top: 56.4%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.bestItem_info{padding-top: 11px;}/* 20210719 수정 : 미디어 */
.bestItem_tit{font-size: 17px; font-weight: 700; letter-spacing: -0.04em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.4;}/* 20210719 수정 : 미디어 */
.bestItem_tit.bestItem_tit-2line{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 2.8em; white-space: normal;}/* 20210719 추가 : 미디어 */
.bestItem_txt{font-size: 13px; color: #ccc; line-height: 1.8em; letter-spacing: -0.04em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3.6em; margin-top: 5px;}/* 20210719 수정 : 미디어 */
.bestSlide .slick-arrow{display: none !important;}

/* 뉴스 상세보기 */
.viewNews{background: #f7f7f7;}
.viewNews_cont{padding: 40px 20px 0;}
.viewNews_info{color: #1d1e1e;}
.viewNews_cate{display: inline-block; font-size: 16px; font-weight: 600; letter-spacing: -0.04em; border-bottom: 1px solid #1d1e1e; padding-bottom: 3px; }
.viewNews_tit{font-size: 24px; font-weight: 700; line-height: 1.3em; letter-spacing: -0.04em; margin-top: 10px;}
.viewNews_desc{margin-top: 25px;}/* 20210908 수정 : 공유하기 */
.viewNews_desc::after{content:""; display: block; clear: both;}/* 20210908 추가 : 공유하기 */
.viewNews_lef{float: left; font-size: 0;}
.viewNews_rig{float: right;}
.viewNews_date, .viewNews_org{display: inline-block; font-size:15px; font-weight: 500;}
.viewNews_org{padding-left: 10px; margin-left: 10px; position: relative;}
.viewNews_org:before{content: ''; display: block; width: 1px; height: 100%; background: #888; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.viewNews_share{font-size: 15px; font-weight: 500; padding:0 0 3px 18px; background-image: url('../images/common/ico/commonUi_x2.png'); background-position: -10px -236.5px; background-size: 250px 500px; background-repeat: no-repeat;}
.viewNews_tags{font-size: 0; margin: 45px -5px 0;} 
.viewNews_tags > li{display: inline-block; margin: 5px 0 0 5px;}
.viewNews_tags a{display :inline-block; height: 34px; line-height: 32px; font-size: 15px; color: #1d1e1e; font-weight: 500; border: 1px solid #888; border-radius: 1000px; padding: 0 14px;}

/* 20210720 추가 : 자료내려받기, CC 추가// */
.viewMgzn_cc{padding-top: 40px; margin-top: 50px; margin-bottom: -12px; border-top: 1px solid #aaa;}
.cc{position: relative;}
.cc_down{display: inline-block; padding: 0 20.5px 0 17px; border: 1px solid #888; border-radius: 4.5px; height: 35px; line-height: 35px; box-sizing: border-box;}
.cc_down span{display: block; padding-left: 16.5px; font-size: 14px; letter-spacing: -0.04em; background-image: url('../images/common/ico/down_22x25.png'); background-size: 11px 12.5px; background-position: left center; background-repeat: no-repeat;}
.cc_tit{font-size: 20px; font-weight: 700; margin-top: 11px;}
.cc_dlTit{font-size: 14px; letter-spacing: -0.02em; font-weight: 700; margin-top: 15px;}
.cc_dl{font-size: 0; overflow: hidden;}
.cc_dl dt, .cc_dl dd{float: left; font-size: 14px; letter-spacing: -0.02em; margin-top: 8px;}
.cc_dl dt{clear: both; margin-right: 2px;}
.cc_mail{color:#e5132e; border-bottom: 1px solid #e5132e;}
/* //20210720 추가 : 자료내려받기, CC 추가 */

/* 20210719 추가 : 미디어// */
/* 미디어 리스트 */
.mgznList_mainMedia{padding: 42px 0 50px; position: relative;} 
.mgznList_mainMedia::after{content:''; display: block; width: calc(100% - 40px); height: 1px; background: #595958; position: absolute; bottom: 0; right: 20px;}
.mainMedia_img{position: relative;}
.mainMedia_img p{display: block; padding-top: 56.3%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.mainMedia_img::after{content: ''; display: block; width: 25px; height: 35.5px; background-image: url(../images/common/ico/play_98x142.png); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -12.5px; margin-top: -17.75px; z-index: 1;}
.mainMedia_info{margin-top: 20px;}
.mediaInfo{position: relative; margin-top: -5px;}
.mediaInfo_logo{position: absolute; top:5px; left:0;}
.mediaInfo_logo p{display: block; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #303030; box-sizing: border-box; border-radius: 9999px;}
.mediaInfo_txt{padding-left: 65px;}
.mediaInfo_name{display: inline-block; font-size: 14px; font-weight: 700; color:#fff; letter-spacing: -0.02em; border-bottom: 1px solid #fff; padding-bottom: 7px;}
.mediaInfo_tit{font-size: 22px; font-weight: 700; letter-spacing: -0.04em; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.5em; max-height: 3em; overflow: hidden;}
.mediaInfo_date{font-size: 14px; letter-spacing: -0.04em; color:#fff; margin-top: 10px;}
.mediaInfo-main .mediaInfo_logo p{width: 55px; height: 55px;}
.mediaInfo-main .mediaInfo_txt{padding-left: 70px;}
.mediaInfo-main .mediaInfo_tit{font-size: 24px;}

/* 미디어 상세 */
.viewNews.viewNews-dark{background: #1d1e1e;}
.viewNews-dark .viewMgzn_subTit{color:#fff;}
.viewNews-dark .relItem_tit{color:#fff}
.viewNews-dark .viewNews_tags a{color:#fff}
.media_cont{padding-top: 40px}
.mediaInfo-detail .mediaInfo_logo p{width: 55px; height: 55px;}
.mediaInfo-detail .mediaInfo_txt{padding-left: 67.5px;}
.mediaInfo-detail .mediaInfo_name{font-size: 16px; font-weight: 600;}
.mediaInfo-detail .mediaInfo_tit{font-size: 24px; line-height: 1.4em; max-height: 2.8em; margin-top: 6px;}
.mediaInfo-detail .mediaInfo_date{font-size: 15px; font-weight: 500; margin-top: 13px;}
.mediaDetail_thumb p{display: block; padding-top: 56.3%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.mediaDetail_youtube{position: relative; padding-top: 56.3%;}
.mediaDetail_youtube iframe{width: 100%; height: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
/* //20210719 추가 : 미디어 */

/* 20221031 수정 : mall 개편 :: S */
.mall{padding-top: 40px;}
.mallList_item{margin-bottom: 50px; width: 100%;}
/* .mallList_item-sizer{width: 100%;}
.mallList_item-gutter{width: 0;} 20221212 삭제 */
.mallItem>a{display: block;}
.mallItem_info{padding: 27px 0;}/* 20221124 수정 */
.mallItem_cate{display: inline-block; padding-bottom: 6px; margin-bottom: 14px; border-bottom: 1px solid #fff; font-size: 14px; letter-spacing: -0.04em; color: #fff; font-weight: 700;}/* 20221124 추가 */
.mallItem_tit{display: block; font-size: 24px; letter-spacing: -0.04em; color: #fff; font-weight: 700; line-height: 1.35;}/* 20221124 수정 */
.mallItem_desc{font-size: 14px; letter-spacing: -0.04em; color: #ccc;  line-height: 1.65; margin-top: 16px;}
/* 20221116 추가 :: S */
.mallItem_linkArea{padding: 26px 0 6px; text-align: center;}
.mallItem_link{display: inline-block; padding: 0 23px; line-height: 30px; font-size: 11px; font-weight: 700; color: #fff; background: #e30019; border-radius: 1000px;}
/* 20221116 추가 :: E */
.mallList_relItem{border-top: 1px solid rgba(85,85,85,0.5); padding: 15px 0;}
.mallList_relItem:last-child{padding-bottom: 0;}
.mallRelItem{font-size: 0;}
.mallRelItem>a{display: block;}
.mallRelItem_img, .mallRelItem_info{display: inline-block; vertical-align: top;}
.mallRelItem_img{width: 82px; height: 82px;}/* 20221109 수정 */
.mallRelItem_img img{width: 100%; height: 100%; object-fit: cover;}/* 20221109 추가 */
.mallRelItem_info{width: calc(100% - 82px); padding-left: 20px; box-sizing: border-box; margin-top: -4px;}
.mallRelItem_brand{display: block; font-size: 13px; color: #fff; line-height: 1.5; letter-spacing: -0.04em;}
.mallRelItem_tit{display: block; font-size: 13px; color: #ccc; line-height: 1.4; margin-top: 7px; word-break: keep-all; letter-spacing: -0.04em;}
.mallRelItem_priceWrap{margin-top: 7px; font-size: 12px; line-height: 1.5; font-weight: 500; letter-spacing: -0.04em;}
.mallRelItem_normal{color: #ccc; text-decoration: line-through;}
.mallRelItem_discounted{color: #e5132e; margin-left: 7px;}

/* 20221031 수정 : mall 개편 :: E */

/* 20210811 추가 : aboutMain// */
/* About Main */
/* 20210818 수정// */
.aboutMain_mainTxt{background: #1d1e1e; padding: 35px 0; text-align: center;}
.aboutMain_mainTit{font-size: 23px; font-weight: 700; color:#fff; text-transform: uppercase;}
.aboutMain_mainSubTit{font-size: 16px; font-weight: 700; line-height: 1.8em; color:#fff; margin-top: 17px; word-break: keep-all;} /* 20230426 수정 */
.aboutMain_mainDesc{font-size: 14px; letter-spacing: -0.04em; line-height: 1.75em; color:#fff; margin-top: 14px; word-break: keep-all;} /* 20230426 수정 */
/* //20210818 수정 */
.aboutMain_titArea{text-align: center;}
.aboutMain_tit{font-size: 23px; font-weight: 900; letter-spacing: -0.04em; text-transform: uppercase;}
.aboutMain_tit-red{color:#e30019;}
.aboutMain_subTit{font-size: 14px; letter-spacing: -0.04em; line-height: 1.5em; margin-top: 13px;}
.aboutMain_value{background: #e5e2dd; padding: 36px 0 40px;}
.aboutMain_value .aboutMain_titArea{margin-bottom: 28px;}
.aboutMain_valueItem{margin-top: 20px;}
.aboutMain_valueItem:first-child{margin-top: 0;}
.valueItem{background: #fff; border-radius: 6px; overflow: hidden; padding: 25px 25px 22px 25px;}
/* 20210818 수정// */
.valueItem_supTit{font-size: 21px; letter-spacing: -0.04em; font-weight: 700; line-height: 1.4em; word-break: keep-all;}
.valueItem_tit{font-size: 18px; font-weight: 700; color:#e30019;}
.valueItem_subTit{font-size: 14px; font-weight: 700; letter-spacing: -0.04em; color:#605b5a; margin-top: 14px; margin-top: 6px;}
.valueItem_descArea{margin-top: 27px;}
.valueItem_desc{font-size: 14px; letter-spacing: -0.04em; color: #605b5a; line-height: 1.7em; word-break: keep-all;}
/* //20210818 수정 */
.aboutMain_bannerArea{padding: 50px 0 60px; background:#1d1e1e;}
.aboutMain_banner{text-align: center; margin-top: 40px;}
.aboutMain_banner:first-child{margin-top: 0;}
.aboutMain_learnMore{display: inline-block; border-radius: 100vw; background: #e30019; color:#fff; font-size: 14px; font-weight: 500; text-transform: uppercase; height: 30px; line-height: 30px; padding:  0 30px; margin-top: 20px;}
.aboutMain_esg{padding: 50px 0 60px; background: #e5e2dd;}
.aboutMain_esgItem{margin-top: 40px;}
.aboutMain_esgItem:first-child{margin-top: 0;}
.esgItem_imgArea p{display: block; background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 68%;}
.esgItem_txtArea{margin-top: 17px;}
/* 20210818 수정// */
.esgItem_tit{font-size: 21px; font-weight: 700; text-transform: uppercase; word-break: keep-all;}
.esgItem_desc{font-size: 15px; font-weight: 700; letter-spacing: -0.04em; margin-top: 6px; line-height: 1.6em;  word-break: keep-all;}
.esgItem_viewMore{display: inline-block; line-height: 14px; font-size: 14px; letter-spacing: -0.04em; color: #605b5a; margin-top: 15px; padding-right: 15px; background-image: url('../images/common/ico/arwRight_12x24_black.png'); background-size: 6px 12px; background-position: right 2px; background-repeat: no-repeat;}
/* //20210818 수정 */
/* //20210811 추가 : aboutMain */

/* 20210812 추가 : career// */
/* career */
.career_sloganArea{ /* gradient fallback img */ background: center / cover no-repeat url('../images/common/bg/bg_mainGradient_pc.jpg'); background: linear-gradient(103deg, rgba(255,112,0,1) 0%, rgba(229,19,46,1) 33%, rgba(229,19,46,1) 66%, rgba(222,0,126,1) 100%); padding: 47px 0 42px; text-align: center;} /* 20210901 수정 : career */
.career_sloganTop{font-size: 21px; font-weight: 900; color:#fff; text-transform: uppercase;}
.career_sloganBot{font-size: 15px; font-weight: 700; color:#fff; line-height: 1.6em; margin-top: 13px; word-break: keep-all;}/* 20210818 수정 */
.career_slide{padding: 36px 0 48px; background: #1d1e1e;}
.career_tit{font-size: 23px; font-weight: 700; color:#fff; text-align: center; text-transform: uppercase;}
.career_slide .career_tit{margin-bottom: 30px;}
.career_slide .slick-arrow{display: none!important;}
.careerSlide_item{position: relative;}
.careerSlide_item::before{content: ''; display: block; width: 30px; height: 42px; background-image: url('../images/common/ico/play_60x84_shadow.png'); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -20px; z-index: 1;}
.careerSlide_item a{display: block;}
.careerSlide_item a::after{content:''; display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,0.5); opacity: 1; transition: .3s; z-index: 3;}
.careerSlide_item{transform: scale(0.9); transition-duration: .3s;}
.careerSlide_item.slick-current{transition-delay: .2s; transform: scale(1);}
.slick-current.careerSlide_item a::after{opacity: 0; transition-delay: .2s;}
.career_join{padding: 57px 0 62px; text-align: center; background: #e5e2dd;}
.career_joinTit{font-size: 21px; font-weight: 900; text-transform: uppercase;}
.career_joinDesc{font-size: 15px; font-weight: 500; letter-spacing: -0.05em; margin-top: 11px;}
.career_joinBtn{display: inline-block; height: 30px; line-height: 30px; padding: 0 16px; color:#fff; font-size: 14px; letter-spacing: -0.04em; border-radius: 1000vw; background: #e30019; margin-top: 25px; font-weight: 500;}
/* //20210812 추가 : career */
/* 20220103 추가// */
.career_people{padding: 48px 0; background: #1d1e1e; position: relative;}
.career_people::before{content: ''; display: block; width: calc(100% - 40px); height: 1px; background: #595958; position: absolute; top: 0; left: 20px;}
/* //20220103 추가 */

/* 20210819 추가 : business// */
.business{background: #1d1e1e; text-align: center; padding-bottom: 60px;}
/* 20210906 수정 : brand list// */
.business_slogan{padding-top: 35px;}
.business_slogan p{display: none; font-size: 14px; color:#fff; letter-spacing: -0.04em; line-height: 1.65em;}
.business_slogan p.show{display: block;}
/* //20210906 수정 brand list */
.business_block{padding-top: 43px;}
.business_tit{font-size: 23px; font-weight: 700; color:#e30019; text-transform: uppercase;}
.business_desc{font-size: 14px; letter-spacing: -0.04em; font-weight: 500; color: #fff; text-align: center; line-height: 1.75em; margin-top: 12px;}
.business_img{margin-top: 20px;}
.business_more{display: inline-block; height: 30px; line-height: 30px; color:#fff; border-radius: 1000vw; font-size: 14px; font-weight: 500; letter-spacing: -0.04em; padding: 0 23.5px; background: #e30019; margin-top: 25px; display: none;}
/* //20210819 추가 : business */

/* 20210819 추가 : searchResult// */
.searchResult{background: #1d1e1e; padding: 40px 0 60px; min-height: 51vh;} /* 20220204 수정 */
.searchResult_count{font-size: 14px; color:#fff; letter-spacing: -0.04em;}
.searchResult_list{margin-top: 20px; font-size: 0;}
.searchResult_item{display: inline-block; width: calc(50% - 7.5px); vertical-align: top; margin-left: 15px; margin-top: 38px;}
.searchResult_item:nth-child(2n-1){margin-left: 0;}
.searchResult_item:nth-child(1),.searchResult_item:nth-child(2){margin-top: 0;}
.searchResult_img p{display: block; padding-top: 56.4%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.searchResult_info{margin-top: 13px;}
.searchResult_cate{font-size: 13px; font-weight: 700; color: #e5132e;}
.searchResult_tit{font-size: 14px; font-weight: 500; letter-spacing: -0.04em; color:#fff; line-height: 1.4em; margin-top: 10px; max-height: 2.8em; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.searchResult_moreArea{text-align: center; margin-top: 38px;}
.searchResult_more{font-weight: 700; letter-spacing: -0.02em; color: #fff; display: inline-block; height: 30px; line-height: 30px; padding: 0 17px; border-radius: 1000px; background: #e30019; font-size: 11px;}
.noResult{text-align: center; min-height: calc(100vh - 272px); padding: 20vh 0; box-sizing: border-box; background: #1d1e1e;}
.noResult_txt{font-size: 14px; color:#fff; letter-spacing: -0.02em;}
.noResult_back{display: inline-block; border-radius: 1000px; background: #e30019; height: 30px; padding: 0 28.5px; margin-top: 20px;}
.noResult_back span{display: block; line-height: 30px; font-size: 11px; font-weight: 700; letter-spacing: -0.02em; color:#fff; padding-left: 15px; background-image: url('../images/common/ico/back_21x18.png'); background-size: 10.5px 9px; background-position: left center; background-repeat: no-repeat;}
/* //20210819 추가 : searchResult */

/* 20210819 추가 : ir// */
.ir{background: #1d1e1e;}
.ir_irTxtSlide{margin-top: -39px;}
.irTxtSlide{overflow: hidden;}
.irTxtSlide .slick-list{overflow: visible;}
.irTxtSlide_item{color:#fff; box-sizing: border-box; opacity: .4; transition: 1s;}
.irTxtSlide_item.slick-active{opacity: 1;}
.irTxtSlide_tit{font-size: 7.3vw; font-weight: 700;}
.irTxtSlide_tit span{font-size: 17.3vw; letter-spacing: -0.05em;}
.irTxtSlide_subTit{font-size: 5.1vw; font-weight: 700; margin-top: 2vw;}
.irTxtSlide_desc{font-size: 3.7vw; font-weight: 500; letter-spacing: -0.04em; margin-top: 2.1vw; line-height: 1.8em;}

.ir_titArea{border-top: 1px solid #595958; padding: 55px 0 24px;}
.ir_tit{text-align: center; font-size: 27px; font-weight: 700; color:#e30019; text-transform: uppercase;}
.ir_global{padding: 47px 0 50px;}/* 20210901 수정 : ir dots */
.globalSlide_nation{font-size: 18px; font-weight: 900; color:#fff; text-align: center; text-transform: uppercase;}
.globalSlide_img{margin-top: 25px;}
.globalSlide_tit{font-size: 18px; font-weight: 700; letter-spacing: -0.04em; color:#fff; margin-top: 13px; line-height: 1.6em;}
.globalSlide_desc{font-size: 14px; letter-spacing: -0.04em; color:#fff; margin-top: 10px; line-height: 1.75em;}
/* 20210901 추가 : ir dots// */
.globalSlide .slick-dots{font-size: 0; vertical-align: top; text-align: center; padding-top: 15px;}
.globalSlide .slick-dots li{display: inline-block; margin-left: 5px;}
.globalSlide .slick-dots li:first-child{margin-left: 0;}
.globalSlide .slick-dots button{display: block; width: 10px; height: 10px; text-indent: -9999px; border-radius: 1000vw; border: 1px solid #fff; background: transparent;}
.globalSlide .slick-dots .slick-active button{background: #fff; outline: none;}
/* //20210901 추가 : ir dots */

.financial_titArea{background:#e30019; padding: 20px 0;}
.financial_tit{font-size: 20.5px; font-weight: 700; letter-spacing: 0.025em; color:#fff; text-align: center; text-transform: uppercase;}
.financial .financial_boardArea{padding: 40px 0 52px; background-color: #fff;} /* 20230921 수정 #9194 */
.financial_boardTit{font-size: 18px; font-weight: 700; position: relative; padding-left: 10px;}
.financial_boardTit::before{content:''; display: block; width: 3px; height: 18px; background: #e30019; position: absolute; left: 0; top:50%; margin-top: -9px;}
.financial_board{margin-top: 20px;}
.fiBoard_header{position: relative; border-top: 1px solid #b5b4b3; background: #eeecea; padding: 0 20px; font-size: 0;}
.fiBoard_num{display: none;}
.fiBoard_cate{display: inline-block; vertical-align: top; width: calc(100% - 160px); overflow: hidden;}
.fiBoard_cate p{font-size: 13px; letter-spacing: -0.04em;}
.fiBoard_date{position: absolute; width: 160px; top: 15px; right: 20px; text-align: right;}
.fiBoard_header .fiBoard_date{top: 0;}
.fiBoard_dateStart,.fiBoard_dateEnd{display: inline-block; vertical-align: top; position: relative; box-sizing: border-box;}
.fiBoard_dateStart{padding-right: 12px;}
.fiBoard_dateEnd{padding-left: 12px;}
.fiBoard_dateEnd::before{content:''; display: block; width: 1px; height: 11px; background: #7c7877; position: absolute; left: 0; top: 50%; margin-top: -5.5px;}
.fiBoard_dateStart p,.fiBoard_dateEnd p{font-size: 13px; letter-spacing: -0.04em; color: #605b5a;}
.fiBoard_dateStart p{text-align: right;}
.fiBoard_dateEnd p{text-align: left;}
.fiBoard_header .fiBoard_cate p, .fiBoard_header .fiBoard_date p, .fiBoard_header .fiBoard_dateEnd p{font-weight: 500; color:#1d1e1e; line-height: 27.5px;}
.fiBoard_tit{display: inline-block; width: 100%;  margin-top: 10px;}
.fiBoard_tit p{font-size: 13px; font-weight: 500; letter-spacing: -0.04em; line-height: 2em;}
.fiBoard_header .fiBoard_tit{margin-top: 0;}
.fiBoard_header .fiBoard_tit p{text-align: center; line-height: 21px; padding-bottom: 7px;}
.fiBoard_item{padding: 15px 20px; border-bottom: 1px solid #bbb; font-size: 0; position: relative;}
.boardPagination{display: inline-block; font-size: 0;}
.boardPagination > a{display: inline-block; vertical-align: top; background-position: center; background-repeat: no-repeat; padding: 0 3.4vw; height: 30px;}
.boardPagination_beforeEnd{width: 10.5px; background-image: url('../images/common/ico/firstPage.png'); background-size: 10.5px 10px; }
.boardPagination_before{width: 5.5px; background-image: url('../images/common/ico/beforePage.png'); background-size: 5.5px 10px;}
.boardPagination_nextEnd{width: 10.5px; background-image: url('../images/common/ico/endPage.png'); background-size: 10.5px 10px;}
.boardPagination_next{width: 5.5px; background-image: url('../images/common/ico/nextPage.png'); background-size: 5.5px 10px;}
.boardPagination_list{display: inline-block; vertical-align: top; font-size: 0;}
.boardPagination_item{display: inline-block; vertical-align: top; margin: 0 3px;}
.boardPagination_item a{display: block; font-size: 14px; color:#605b5a; padding: 0 3.4vw; line-height: 30px;}
.boardPagination_item.on a{font-weight: 900; color:#e30019;}
.financial_pagination{text-align: center; font-size: 0; margin-top: 20px;}
/* //20210819 추가 : ir */

/* 20210903 수정 : timeline sticky// */
/* 20210824 추가 : History// */
.history{background: #1d1e1e; overflow: hidden;}
.history_tit{font-size: 23px; font-weight: 700; color:#fff; text-align: center; text-transform: uppercase;}
.history_timeline{padding: 44px 0 70px;}
.timeline_item{padding-top: 66px;}
.timeline_item:first-child{padding-top: 0;}
.timeline_infoArea{margin-top: 14px;}
.timeline_year{font-size: 50px; font-weight: 500; letter-spacing: -0.025em; color:#fff;} /* 20250911 수정 : Hero New 폰트 삭제 */
.timeline_tit{font-size: 18px; font-weight: 700; letter-spacing: -0.04em; color:#fff; line-height: 1.4em; margin-top: 10px; word-break: keep-all;}
.timeline_desc{font-size: 14px; letter-spacing: -0.04em; color: #fff; line-height: 1.6em; margin-top: 10px; word-break: keep-all;}
/* 20210901 추가 : timeline anchor// */
.history_timeAnchor{font-size: 0; text-align: center;}
.history_timeAnchor li{display: inline-block; vertical-align: top; position: relative;}
.history_timeAnchor li + li{padding-left: 20px;}
.history_timeAnchor li + li::before{content:''; display: block; width: 3px; height: 3px; background: #fff; border-radius: 100vw; position: absolute; left: 10px; top: 50%; transform: translate(-50%, 0);}
.history_timeAnchor li a{font-size: 15px; font-weight: 600; color:#fff;}
.history_timelineSticky{margin-bottom: 20px;}
.timelineSticky{padding: 15px 0;}
.sticky .timelineSticky{width: 100%; position: fixed; top:0; left: 0; background: #1d1e1e; z-index: 100;}
/* 20210914 수정 : header fix */ /* 20220119 수정 */ /* 20220204 수정 */
/* //20210901 추가 : timeline anchor */
/* //20210824 추가 : History */
/* 20210903 수정 : timeline sticky// */


/* 20210826 추가 : ESG// */
/* 20210915 수정 :: S */
/* 20220419 수정 :: s */
.esg{background: #1d1e1e; padding-bottom: 35px;}
.esg_statistics{padding: 37px 0;}
.esg_cont{padding: 50px 0 35px; background-color: #3e3e3e;}
.esg_contItem{margin-top: 50px;}
.esg_contItem:first-child{margin-top: 0;}
.esg_contImg p{display: block; padding-top: 56.4%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.esg_contInfo{margin-top: 6px;}
.esg_contTit{font-size: 22px; letter-spacing: -0.04em; font-weight: 700; color:#fff; line-height: 1.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; overflow: hidden; text-overflow: ellipsis;}
.esg_date{font-size: 14px; letter-spacing: -0.04em; color:#fff; margin-top: 10px;}
.esg_stYearWrapper {width: 100%; text-align: center; position: absolute; left: 0; top: 0;}
.esg_stYear {display: inline-block; font-size: 13px; color: #fff; background: #1d1e1e; border-radius: 12.5px; padding: 6px 10px;}
.esg_titWrap {margin-bottom: 50px; text-align: center;}
.esg_titWrap > p {font-weight: bold; font-size: 30px; color: #fff; margin-bottom: 4px;}
.esg_titWrap > p:last-child {margin-bottom: 0;}
.esg_titWrap > p > span {color: #e30019;}
.esg_imgWrap {background: url(../images/temp/@esg_mo.png) no-repeat; background-position: center; background-size: contain; padding-top: 124.8%; margin: 0 -20px;} 
.esg_conWrap {margin-top: 40px;}
.esg_subTit {font-size: 22px; font-weight: 600; letter-spacing: -0.03em; line-height: 23px; color: #fff; position: relative; padding-left: 3px; margin-left: 20px;}
.esg_subTit::before {content: ''; position: absolute; top: 3px; left: -23px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.esg_conInner > div {margin-bottom: 19px;}
.esg_conInner > div:first-child .esg_subTit::before {background-image: url(../images/common/ico/ico_mark01.png);}
.esg_conInner > div:nth-child(2) .esg_subTit::before {background-image: url(../images/common/ico/ico_mark02.png);}
.esg_conInner > div:nth-child(3) .esg_subTit::before {background-image: url(../images/common/ico/ico_mark03.png);}
.esg_conInner > div:last-child .esg_subTit::before {background-image: url(../images/common/ico/ico_mark04.png);}
.esg_conInner > div:last-child {margin-bottom: 0;}
.esg_conInner > div:last-child .esg_con {border-bottom: none;}
.esg_con {font-size: 0; border-bottom: 1px solid #909090; padding-bottom: 25px;}
.esg_con > div {font-size: 0; margin-top: 19px;}
.esg_con > div > * {display: inline-block; vertical-align: top; width: 50%;}
.esg_con .conLeft_list01{width: 56%;}
.esg_con .conLeft_list02{width: 44%;}
.esg_con > div > ul li {font-size: 14px; line-height: 1.4em; letter-spacing: -0.05em; color: #fff; padding-left: 7px; word-break: keep-all; position: relative;}
.esg_conRight p {font-size: 30px; letter-spacing: -0.05em; line-height: 23px; font-weight: 600;}
.esg_conRight p.orange {color: #ff5636;}
.esg_conRight p.red {color: #ff003d;}
.esg_conRight p.pink {color: #f0004e;}
.esg_conRight p i {position: relative; white-space: nowrap;}
.esg_conRight p em {font-size: 17px; font-weight: 500; vertical-align: 0.5em;}
.esg_conRight p span {display: block; font-size: 12px; letter-spacing: -0.075em; color: #fff;line-height: 1.2em; margin-top: 10px; word-break: keep-all; font-weight: 400;}
.esg_willbe{font-size: 11px; text-align: center; letter-spacing: -0.05em; color: #9f9f9f; line-height: 1.4em; padding: 20px 0 11px}
.esg_conRight{text-align: center;}
.esg_con > div > ul li::before{content:''; display: block; width: 2px; height: 2px; background: #fff; border-radius: 100%; position: absolute; top: 50%; left: 0; margin-top: -1px;}
/* 20220419 수정 :: e */
/* 20210915 수정 :: E */
/* //20210826 추가 : ESG */

/* 20210827 추가 : 텍스트 애니메이션// */
.aboutMain_mainImg{position: relative;}
.aboutMain_mainAni{position: absolute; top:49%; left: 0; width: 100%; transform: translateY(-56%);}
.elandTxtShow p{font-size: 24px; font-weight: 700; color:#fff; text-align: center; line-height: 1.3em; white-space: nowrap;}
.elandTxtShow_top{opacity: 0; animation: showTop 1s 3s forwards; letter-spacing: -0.025em; }
.elandTxtShow_bot{font-size: 0;}
.elandTxtShow_bot > span{display: inline-block; vertical-align: top; font-size: 24px;}
.elandTxtShow_center{overflow: hidden; animation: showCenter 2s  1s  forwards; max-width: 0;}
.elandTxtShow_middot{margin:0 -3px}
@keyframes showTop{
    0%{opacity: 0; transform: translateY(-10%);}
    100%{opacity: 1; transform: translateY(0);}
}
/* 20210830 aboutMain 수정// */
@keyframes showCenter{
    0%{max-width: 0; opacity: 0;}
    /* 20230615 추가 S : CI 소개 페이지 */
    50%{max-width: 180px;opacity: 0;}
    100%{max-width: 180px;opacity: 1;}
    /* 20230615 추가 E : CI 소개 페이지 */
}
/* //20210830 aboutMain 수정 */
/* //20210827 추가 : 텍스트 애니메이션 */

/* 20210906 추가 : brand list// */
.business_keyword{padding-top: 33px; text-align: left;}
.business_keyword .swiper-container{padding: 0 30px;}
.keywordList_item{display: inline-block; padding: 0 15px; width: 100%; box-sizing: border-box;}
.keywordList_item.swiper-slide{display: block; padding: 0 15px; width: auto!important;}
.keywordList_item.swiper-slide:first-child{padding-left: 0;}
.keywordList_item a{font-size: 15px; color: #fff; font-weight: 500; padding-bottom: 3px; box-sizing: border-box; line-height: 1.5em; text-transform: uppercase;}
.keywordList_item.on a{display: block; font-weight: 700; color:#e30019; border-bottom: 1px solid #e30019; padding-bottom: 2px;}
.business_brandList{padding-top: 37px; overflow: hidden;}
.brandList::after{content:''; display: block; clear: both;}
.brandList_item{width: calc(50% - 7.5px); margin-bottom: 15px; transition: .4s opacity;}
.brandList_item.disappear{opacity: 0;}
.brandList_item.hidden{display: none;}
.brandList_item-sizer{position: absolute; top:0; left: 0; width: calc(50% - 7.5px);}
.brandList_item-gutter{position: absolute; top:0; left: 0; width: 15px;}
.brandItem_logo{padding: 22%; background: #0c0c0c;}
.brandItem_logo p{display: block; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.brandItem_hoverView{opacity: 0; transition: .2s; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.brandItem_hoverView::before{content:''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; top:0; left: 0; z-index: 1;}
.brandItem_info{width: 100%; text-align: center; z-index: 2; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.brandItem_name{font-size: 18px; font-weight: 700; letter-spacing: -0.04em; color:#fff; line-height: 1.3em;}
.brandItem_viewMore{font-weight: 700; letter-spacing: -0.02em; color:#fff; display: inline-block; height: 17px; line-height: 16px; padding:0 6px; border-radius: 1000px; background: #e30019; font-size: 10px; margin-top: 10px;}
.brandItem:hover .brandItem_hoverView{opacity: 1;}
.popWrap{position: fixed; width: 100%; height: calc(100% - 55px); top: 55px; left: 0; background: rgba(0,0,0,0.5); z-index: 1001;}
.brandPop{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #1d1e1e;}
.brandPop_close{display: block; position: absolute; top: -55px; right: 5px; width: 55px; height: 55px; text-indent: -9999px; background: #1d1e1e url('../images/common/ico/commonUi_x2.png') no-repeat -40px -172px / 250px 500px;}
.brandPop_cont{overflow: auto; height: calc(100vh - 55px); padding-top: 20px; box-sizing: border-box;}
.brandPop_cont > div:last-child{margin-bottom: 20px;}
.brandPop_cont_h600 {max-height: none;} /* #10168 20231122 추가 */
.brandPop_logo p{display: block; width: 90px; height: 90px; margin: 0 auto; background-size: cover; background-position: center; background-repeat: no-repeat;}
.brandPop_info{padding: 8px 20px 0;}
.brandPop_tit{font-size: 23px; font-weight: 500; color:#fff; letter-spacing: -0.06em; text-align: center;}
.brandPop_desc{font-size: 14px; letter-spacing: -0.04em; color:#fff; line-height: 1.75em; margin-top: 23px;}
.brandPop_icons{font-size: 0; text-align: center; margin-top: 25px;}
.brandPop_icons li{display: inline-block; margin-left: 30px; vertical-align: middle;}
.brandPop_icons li:first-child{margin-left: 0;}
.brandPop_icons li a{display: block; background-size: contain; background-position: center; background-repeat: no-repeat;}
.brandPop_hp{width: 24px; height: 22px; background-image: url('../images/common/ico/ico_homepage.png');}
.brandPop_in{width: 21.5px; height: 21.5px; background-image: url('../images/common/ico/ico_insta.png');}
.brandPop_yu{width: 25px; height: 17.5px; background-image: url('../images/common/ico/ico_youtube.png');}
.brandPop_as{width: 22px; height: 22px; background-image: url('../images/common/ico/ico_appstore.png');}
.brandPop_gp{width: 20px; height: 22px; background-image: url('../images/common/ico/ico_playstore.png');}
.brandPop_slide{margin-top: 40px; padding: 0 35px;}
.brandPop_slide .slick-arrow{position: absolute; top:50%; margin-top: -14.5px; width: 15px; height: 29px; background-size: contain; background-repeat: no-repeat; background-position: center; text-indent: -9999px;}
.brandPop_slide .slick-prev{left: 10px; background-image: url('../images/common/ico/arwLeft_30x58_white.png');}
.brandPop_slide .slick-next{right: 10px; background-image: url('../images/common/ico/arwRight_30x58_white.png');}
/* //20210906 추가 : brand list */
/* 20231122 #10168 추가 ::  S */
.brandPop_cont_w500{padding: 15px;box-sizing: border-box;background: transparent;} /* 20231123 #10168 수정 */
.brandPop_cont_w500 .brandPop_bottom{text-align: right;font-size: 0;}
.brandPop_cont_w500 .brandPop_bottom a{position: relative;display: inline-block;vertical-align: middle;color: #fff;font-size: 16px;font-weight: 700;letter-spacing: -0.05em;line-height: 1;padding: 20px 30px;}
.brandPop_cont_w500 .brandPop_bottom a + a::before{content: '';position: absolute;top: 22px;left: -1px;width: 2px;height: 12px;background: #fff;}
/* 20231122 #10168 추가 ::  E */

/* 20210908 추가 : 공유하기// */
.shareBtn{display: inline-block; vertical-align: top; width: auto; position: relative; font-size: 0;}/* 20221103 수정 : ama버튼 */
.shareBtn_btn{display: inline-block; vertical-align: top; font-size: 15px; font-weight: 500; letter-spacing: -0.02em; color:#1d1e1e; text-transform: uppercase; padding-left: 18px; background-image: url('../images/common/ico/ico_share.png'); background-size: 11px 12px; background-position: left center; background-repeat: no-repeat;}/* 20221103 수정 : ama버튼 */
.shareBtn_pop{position: absolute; right: 0; top: 30px; background: #f7f7f7; border: 1px solid #ccc; padding: 20px; font-size: 0; width: 245px; z-index: 100;}
.shareBtn_pop > a{display: inline-block; font-size: 11px; text-align: center; width: 50px; padding-top: 60px; background-size: 50px; background-position: center top; background-repeat: no-repeat; white-space: nowrap; margin-left: 15px; white-space: nowrap; vertical-align: top;}
.shareBtn_pop > a:first-child{margin-left: 0;}
.shareBtn-dark .shareBtn_btn{color:#fff; background-image: url('../images/common/ico/ico_share_white.png');}
.shareBtn-dark .shareBtn_pop{background: #1d1e1e; border-color: #444;}
.shareBtn-dark .shareBtn_pop > a{color:#fff}
.sharBtn_tw{background-image: url('../images/common/ico/ico_shareTw.png');}
.sharBtn_fb{background-image: url('../images/common/ico/ico_shareFb.png');}
.sharBtn_kt{background-image: url('../images/common/ico/ico_shareKt.png');}
.sharBtn_url{background-image: url('../images/common/ico/ico_shareUrl.png');}
.viewMgzn_share{text-align: right; padding: 7px 0 9px;}/* 20221122 수정 */
.mediaInfo_share{position: absolute; bottom: 0; right: 0;}
/* //20210908 추가 : 공유하기 */

/* 20221122 수정 :: S */
.viewMgzn_btnArea + .viewMgzn_btnArea{margin-top: 7px;}
.viewMgzn_btn{display: inline-block; font-size: 15px; font-weight: 500; letter-spacing: -0.02em; color:#1d1e1e; text-transform: uppercase;}
.viewMgzn_btn-ask{padding-left: 19px; background-image: url('../images/common/ico/ico_ask_mo.png'); background-size: 12px; background-position: left center; background-repeat: no-repeat;}/* 20250611 수정 */
.viewMgzn_btn-txt{border-radius: 100px; border: 1px solid #E30019; padding: 5px 8px; font-size: 14px; background-color: #E30019; color: #FFFFFF;}
/* 20221122 수정 :: E */

/* 20210916 추가 : 관련컨텐츠 수정// */
.prdSlide_counter{display: none;}
/* //20210916 추가 : 관련컨텐츠 수정 */

/* 20211208 추가 : 매거진 상품태그// */
.viewMgzn_prdTag{max-width: 872px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; overflow: hidden;}/* 20250611 수정 */
.viewMgzn_prdTag + .viewMgzn_prdTag{margin-top: 70px;}/* 20220105 추가 */
.imgTag,.imgTag *{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.imgTag_base{position: relative;}
.imgTag_tagArea{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.imgTag_tagPositioner{position: absolute; margin-top: -17.5px; margin-left: -17.5px; transition: .4s opacity; z-index: 5;}
.imgTag_tagPositioner:hover{z-index: 15;}
.imgTag_tagBtn{padding: 10px;}
.imgTag_tagBtnBg{width: 24px; height: 24px; border-radius: 50%; position: relative; background: url('../images/common/ico/ico_tagBtn_on.png') no-repeat center / contain;}/* 20230822 수정 */
.imgTag_tagBtnBg.inactive{background-image: url('../images/common/ico/ico_tagBtn.png');}/* 20220104 추가 */
/* .imgTag_tagBtnBg::before,.imgTag_tagBtnBg::after{content:''; display: block; width: 7px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -0.5px; margin-left: -3.5px;}
.imgTag_tagBtnBg::after{transform: rotate(90deg);} 20220104 삭제 */

.imgTag_popArea{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.imgTag_popPositioner{position: absolute; display: none; opacity: 0; background: rgba(0,0,0,0);/*IE 구버전 투명 버그 fix*/ z-index: 10; margin-top: -10px;}

.imgTag_popPositioner.fromTop{padding-top: 10px;}
.imgTag_popPositioner.fromTop.fromLeft{transform: translateX(0); margin-left: -19px;}
.imgTag_popPositioner.fromTop.fromLeft.overflowed{left:5%!important;}
.imgTag_popPositioner.fromTop.fromCenter{transform: translateX(-50%);}
.imgTag_popPositioner.fromTop.fromCenter.overflowed{transform: translateX(-50%); left: 50%!important;}
.imgTag_popPositioner.fromTop.fromRight{transform: translateX(-100%); margin-left: 19px;}
.imgTag_popPositioner.fromTop.fromRight.overflowed{transform: translateX(0); margin-left: -5px; left: auto!important; right: 5%!important;}

.imgTag_popPositioner.fromBottom{padding-bottom: 10px;}
.imgTag_popPositioner.fromBottom.fromLeft{-ms-transform: translateX(0) translateY(-100%) translateY(-20px); transform: translate(0, calc(-100% - 20px)); margin-left: -19px;}
.imgTag_popPositioner.fromBottom.fromLeft.overflowed{left:5%!important;}
.imgTag_popPositioner.fromBottom.fromCenter{-ms-transform: translateX(-50%) translateY(-100%) translateY(-20px); transform: translate(-50%, calc(-100% - 20px));}
.imgTag_popPositioner.fromBottom.fromCenter.overflowed{left: 50%!important;}
.imgTag_popPositioner.fromBottom.fromRight{-ms-transform: translateX(-100%) translateY(-100%) translateY(-20px);  transform: translate(-100%, calc(-100% - 20px)); margin-left: 19px;}
.imgTag_popPositioner.fromBottom.fromRight.overflowed{-ms-transform: translateX(0) translateY(-100%) translateY(-20px);  transform: translate(0, calc(-100% - 20px)); margin-left: 0; left: auto!important; right: 5%!important;}

.tagPop::after{content:''; display: block; position: absolute;}
.fromTop .tagPop::after{border-bottom: 6px solid rgba(255,255,255,0.8); border-right: 4px solid transparent; border-left: 4px solid transparent; top: -6px;}
.fromTop.fromLeft .tagPop::after{left: 15px;}
.fromTop.fromCenter .tagPop::after{left: 50%; transform: translateX(-50%);}
.fromTop.fromRight .tagPop::after{left: auto; right: 15px;}
.fromBottom .tagPop::after{border-top: 6px solid rgba(255,255,255,0.8); border-right: 4px solid transparent; border-left: 4px solid transparent; top: 100%;}
.fromBottom.fromLeft .tagPop::after{left: 15px;}
.fromBottom.fromCenter .tagPop::after{left: 50%; transform: translateX(-50%);}
.fromBottom.fromRight .tagPop::after{left: auto; right: 15px;}

.tagPop{width: 190px; position: relative; box-sizing: border-box; background:#f9f7f2; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); font-size: 0;}
.tagPop a{display: block; padding: 10px;}
.tagPop_imgArea{display: inline-block; vertical-align: top; width: 55px; height: 55px;}
.tagPop_img{display: block; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.tagPop_infoArea{display: inline-block; vertical-align: top; width: calc(100% - 55px); box-sizing: border-box; padding-left: 10px;}
.tagPop_brand{font-size: 10px; color:#666; letter-spacing: -0.05em;}
.tagPop_name{font-size: 11px; color:#000; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2em; height: 2.4em; letter-spacing: -0.05em;}
.tagPop_price{margin-top: 2px; font-size: 13px; color: #000; font-weight: 500; letter-spacing: -0.05em;}
.tagPop_shopNow{display: block; line-height: 14px; background: #1d1e1e; text-align: center; color:#fff; font-size: 10px; font-weight: 500; letter-spacing: -0.05em; margin-top: 2px;}/* 20220104 추가 */ /* 20220111 수정 */
.imgTag_toggleTag{display: block; width: 30px; height: 30px; position: absolute; bottom: 10px; left: 10px; background: url('../images/common/ico/ico_prdTagBtn_mo.png') no-repeat center / contain;}
/* 20211220 수정 : 상품태그 수정 :: S */
@media all and (max-width: 767px) {
    .hide .imgTag_tagPositioner,.hide .imgTag_popPositioner{display: none!important;}
    .viewMgzn_txtCont {letter-spacing: -0.05em;}/* 20220609 추가*/ /* 20220614 수정 */
}
/* 20211220 수정 : 상품태그 수정 :: E */

.imgTag_botArea{margin-top: 10px; position: relative;}
.taggedSlide{overflow: hidden;}
.taggedSlide_arrow{display: none!important;}
/* 20220111 수정 :: s */
.taggedSlide .slick-track{margin: 0; padding: 20px 0;}
.taggedSlide_item{margin-right: 10px; transition: all .3s;}
.taggedSlide_item.active {opacity: 1; box-shadow: 0 5px 10px 5px #ccc; transform: translateY(-20px);}
.taggedSlide_item.on {opacity: .5;}
/* 20220111 수정 :: e */
.taggedSlide_imgArea{display: block; overflow: hidden; position: relative;}
/* .active .taggedSlide_imgArea::after{content:''; display: block; width: 100%; height: 100%; border: 2px solid #e4132e; position: absolute; top: 0; left: 0; box-sizing: border-box;}  */ /* 20220111 수정 */
.taggedSlide_img{padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.taggedSlide::after, .taggedSlide::before{content:''; display: block; width: 20px; height: 100%; position: absolute; top:0; z-index: 1; pointer-events: none; transition: .3s;}
.taggedSlide::before{opacity: 0;}
.taggedSlide::after{opacity: 1;}
.taggedSlide.isLast::after{opacity: 0;}
.taggedSlide.isNotFirst::before{opacity: 1;}
.taggedSlide::after{background: linear-gradient(90deg, rgba(229,226,221,0) 0%, rgba(229,226,221,1) 100%); right: -1px;}
.taggedSlide::before{background: linear-gradient(90deg, rgba(229,226,221,1) 0%, rgba(229,226,221,0) 100%); left: 0;}
/* //20211208 추가 : 매거진 상품태그 */

/* 20211228 추가 : 구매버튼 콘텐츠// */
.viewMgzn_prdPurchase{padding: 0 20px; margin: 0 auto; max-width: 800px; box-sizing: border-box; position: relative;}
.viewMgzn_prdPurchase + .viewMgzn_prdPurchase{margin-top: 70px; padding-top: 70px;}
.viewMgzn_prdPurchase + .viewMgzn_prdPurchase::before{content:''; display: block; width: calc(100% - 40px); height: 1px; background: #ccc; position: absolute; top: 0; left: 20px;}
/* 20211229 수정 : 구매버튼 콘텐츠// */
.viewMgzn_cont p.prdPurchase_tit{font-size: 28px; letter-spacing: -0.04em; color:#1d1e1e; font-weight: 500; line-height: 1.4em; margin-bottom: 30px!important; padding: 0;}
.viewMgzn_cont p.prdPurchase_tit span{font-size: 30px; font-weight: 700;}
.viewMgzn_cont p.prdPurchase_desc{font-size: 20px; letter-spacing: -0.04em; line-height: 1.8em; margin-top: 60px!important; padding: 0;}
/* //20211229 수정 : 구매버튼 콘텐츠 */
.prdPurchase_viewMoreArea{font-size: 0; margin-top: 60px; text-align: center;}
.prdPurchase_viewMore{display: inline-block; padding: 15px 50px; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; color:#fff; background: #e30019; border-top-left-radius: 8px; border-bottom-right-radius: 8px; vertical-align: top;}
.prdPurchase_viewMore span{display: inline-block; vertical-align: top; padding-right: 40px; background: url('../images/common/ico/ico_viewMoreArw.png') no-repeat center right / 29px 6px;}
/* //20211228 추가 : 구매버튼 콘텐츠 */

.prdPurchase_imgArea {margin: 0 -20px;} /* 20220111 추가 */
/* 20220708 추가 :: S */
.prdPurchase_col2{display: inline-block; vertical-align: top; width: auto; max-width: 48%;}
.prdPurchase_col2 + .prdPurchase_col2{margin-left: 4%;}
p.prdPurchase_btnDesc{font-size: 17px; letter-spacing: -0.04em; font-weight: 500; line-height: 1.3; padding-bottom: 25px;}
.prdPurchase_col2 .prdPurchase_viewMore{padding: 9px 23px; font-size: 14px; border-top-left-radius: 5px; border-bottom-right-radius: 5px;}
.prdPurchase_col2 .prdPurchase_viewMore span{padding-right: 25px; background-size: 20px 5px; white-space: nowrap;}
/* 20220708 추가 :: E */

/* 20221122 추가 :: S */
.msg{padding: 115px 0;}
.msg_desc{text-align: center; font-size: 14px; letter-spacing: -0.05em; line-height: 1.5;}
.msg_btnArea{font-size: 0; margin-top: 67px; text-align: center;}
.msg_btn{display: inline-block; vertical-align: top; border-radius: 100px; color: #fff; font-weight: 500; font-size: 17px; letter-spacing: -0.05em; height: 45px; line-height: 45px; padding: 0 60px; background: #1e1e1e;}
.msg_btn.active{background: #e61d30;}
.msg_btn+.msg_btn{margin-left: 5px;}
/* 20221122 추가 :: E */

/* 20221128 추가 :: S */
.msgIntro{background: #1d1e1e; padding-bottom: 110px;}
.msgIntro > a{display: block;}
.msgIntro_cont{padding-top: 30px;}/* 20230111 수정 */
.msgIntro_info{font-size: 0;}
.msgIntro_date, .msgIntro_badge{display: inline-block; vertical-align: middle;}
.msgIntro_date{color: #fff; font-size: 14px; letter-spacing: -0.04em;}
.msgIntro_date + .msgIntro_badge{margin-left: 10px;}
.msgIntro_badge{height: 23px; line-height: 21px; font-size: 14px; letter-spacing: -0.04em; color: #e5132e; border: 1px solid #e5132e; border-radius: 1000px; padding: 0 12px;}
.msgIntro_badge.msgIntro_badge-orange{color: #ff8e00; border-color: #ff8e00;}
.msgIntro_tit{font-size: 24px; letter-spacing: -0.04em; color: #fff; line-height: 1.37; margin-top: 14px; font-weight: 700;}/* 20230209 수정 */
.msgIntro_desc{font-size: 14px; letter-spacing: -0.04em; color: #ccc; line-height: 1.7; margin-top: 4px;}/* 20230209 수정 */
.msgIntro_tagList{margin-top: 45px; font-size: 0;}
.msgIntro_tagItem{display: inline-block; vertical-align: top; font-size: 13px; letter-spacing: -0.04em; color: #ccc; margin-right: 10px; margin-bottom: 10px;}
.msgIntro_tagItem:last-child{margin-right: 0;}
.msgIntro_none{padding-top: 56.2%; background: url('../images/common/bg/bg_msg_mo.jpg') center / cover;}

.msgDetail{background: #1d1e1e; padding-bottom: 110px;}
.msgDetail_titArea{padding-top: 40px; margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.msgDetail_tit{font-size: 24px; letter-spacing: -0.04em; color: #fff; font-weight: 700; text-align: center;}
.msgDetail_info{padding-bottom: 10px; margin-top: 50px;}
.msgDetail_info::after{content:''; display: block; clear: both;}
.msgDetail_date{float: left; font-size: 15px; color: #fff; letter-spacing: -0.04em;}
.msgDetail_count{float: right; color: #fff; letter-spacing: -0.04em; font-size: 0;}
.msgDetail_countTit{font-size: 15px; display: inline-block; vertical-align: top; margin-right: 5px;}
.msgDetail_countDown{display: inline-block; vertical-align: top; font-size: 0; min-width: 72px;}
.msgDetail_countDown li{display: inline-block; vertical-align: top; font-size: 15px;}
.msgDetail_countDown .seperator{margin: 0 2px;}

/* 20221209 수정 :: S */
.msgDetail_subBtnArea{margin: 25px 0; text-align: right; font-size: 0;}
.msgDetail_drawBtnArea{margin: 25px 0; text-align: center; font-size: 0;}
.msgDetail_drawBtn{display: inline-block; vertical-align: top; font-size: 14px; letter-spacing: -0.02em; color: #fff; background:#e30019; border-radius: 1000px; height: 30px; line-height: 30px; padding: 0 23px; text-transform: uppercase; font-weight: 500;}
.msgDetail_subBtn{display: inline-block; vertical-align: top; font-size: 15px; letter-spacing: -0.02em; color: #fff; background:#e30019; border-radius: 1000px; height: 20px; line-height: 20px; padding: 0 7px; text-transform: uppercase; font-weight: 500;}
/* 20221209 수정 :: E */
/* 20221128 추가 :: E */
/* 20221214 추가 :: S */
.privacy{background: #e5e2dd; padding: 40px 0 30px;}
.privacy_titArea{position: relative; margin-bottom: 25px;}
.privacy_tit{font-size: 17px; font-weight: bold; padding-left: 10px; border-left: 3px solid #e5132e;}
.privacy_sel{border: 1px solid #c7c6c3; height: 25px; line-height: 23px; padding: 0 40px 0 10px;appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../images/common/ico/ico_sel.png') no-repeat calc(100% - 10px) center / 7px auto; position: absolute; top: 50%; margin-top: -12.5px; right: 0; font-size: 10px;}
.privacy_sel::-ms-expand {display: none;}
.privacy_content{background: #f2f1ee; border: 1px solid #c7c6c3; padding: 20px; height: 60vh; overflow: auto;}
.pCont p{font-size: 12px; word-break: keep-all; line-height: normal;}
.pCont b{font-weight: bold;}
.pCont .pCont_tit{font-size: 14px;}
.pCont_gray{color: rgb(102, 102, 102); font-weight: 700;}
.pCont_tbl{width: 100%;}
.pCont_tbl th,.pCont_tbl td{font-size: 12px; line-height: normal; text-align: center; padding: 3px; border: 1px solid #1d1e1e; word-break: keep-all; vertical-align: middle;}
.pCont_tbl th{background: rgb(66, 66, 66); color: #fff;}
/* 20221214 추가 :: E */

/* 20230111 추가 :: S */
/* 20230209 수정 :: S */
.msgIntro_csoon{padding: 36px 0 39px; font-size: 28px; color: #fff; text-align: center; line-height: 1.35;}
.msgIntro_leftTime{padding: 40px 0 45px;}
/* .leftTime_tit{text-align: center; font-size: 17px; color: #fff; text-align: center;} */
.leftTime_countDown{font-size: 0; text-align: center;}
.leftTime_countDown li{display: inline-block; vertical-align: top;}
/*.leftTime_countDown span{width: 36.5px; font-size: 28px; font-weight: 500; color: #fff; text-align: center; display: block; white-space: nowrap;}*/
.leftTime_countDown span{min-width: 36.5px; font-size: 28px; font-weight: 500; color: #fff; text-align: center; display: block; white-space: nowrap;}/* 20250508 수정 : career 페이지 개편 */
.leftTime_countDown .seperator{font-size:20px; color:#fff; margin: 0 7px; margin-top: 3px;}
/* 20230209 수정 :: E */
.leftTime_countDown .days::after, .leftTime_countDown .hours::after, .leftTime_countDown .minutes::after, .leftTime_countDown .seconds::after{display: block; text-align: center; font-size: 12px; color: #aaa; font-weight: 200; margin-top: 5px;}
.leftTime_countDown .days::after{content:'일';}
.leftTime_countDown .hours::after{content:'시간';}
.leftTime_countDown .minutes::after{content:'분';}
.leftTime_countDown .seconds::after{content:'초';}
.msgIntro_tag{font-size: 14px; letter-spacing: -0.04em; color: #fff;}/* 20230209 수정 */
.msgIntro_priceWrap{font-size: 0; float: left;}/* 20230209 수정 */
.msgIntro_priceBefore,.msgIntro_priceAfter{display: inline-block; vertical-align: bottom;}
.msgIntro_priceBefore{font-size: 14px; letter-spacing: -0.04em; color: #ccc; text-decoration: line-through;}
/* 20230209 수정 :: S */
.msgIntro_priceAfter{font-size: 17px; letter-spacing: -0.04em; color: #e5132e; margin-left: 20px;}
.msgIntro_detailWrap{padding-top: 49px; margin-top: 21px; border-top: 1px solid #ccc;}
.msgIntro_detail dt{font-size: 13px; letter-spacing: -0.04em; color: #fff;}
.msgIntro_detail dd{font-size: 13px; letter-spacing: -0.04em; color: #ccc; font-weight: 200; margin-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #313131; margin-bottom: 19px;}
.msgIntro_detail dd:last-of-type{border-bottom: 0; margin-bottom: 0;}
/* 20230209 수정 :: E */
/* 20230518 추가 :: S */
.kakao-tooltip_wrap {position: fixed; z-index: 100; bottom: 25px; left: 20px; right: 20px;}
.kakao-tooltip {position: absolute; top: -73px; left: 50%; transform: translateX(-50%); border-radius: 10px; padding: 8px 5px; background-color: #fff; display: none; width: 150px; box-shadow: 16px 12px 20px 0px rgba(0, 0, 0, 0.5);} /* 20230728 수정 */
.kakao-tooltip.on {display: block;}
.kakao-tooltip::before {content: ''; width: 19px; height: 9px; background: url('../images/common/ico/ico_tri_white.png') no-repeat center; bottom: -5px; left: 50%; margin-left: -9.5px;; position: absolute; transform: rotate(180deg);} /* 20230728 수정 */
.kakao-tooltip p {font-size: 13px; color: #1d1e1e; line-height: 22px;letter-spacing: -0.04em;text-align: center;}/* 20230728 수정 */
.kakao-tooltip p span {color: #e30019;}
/* 20230518 추가 :: E */
.msgIntro_applyBtn{display: block; height: 60px; line-height: 60px; text-align: center; font-size: 19px; font-weight: 500; letter-spacing: -0.04em; color: #fff; border-radius: 1000px; background: #e5132e; margin-top: 25px;}
.msgSlide{padding: 0 20px; margin-top: 40px; overflow: hidden;}
.msgSlide .slick-list{overflow: visible; margin: 0 -10px;}
.msgSlide_item{margin: 0 10px;}
.msgSlide_item a{display: block;}
.msgSlide_cont{padding-top: 15px;}/* 20230209 수정 */
.msgSlide_tit{font-size: 19px; line-height: 1.4; letter-spacing: -0.04em; color: #fff;}/* 20230118 수정 */
.msgSlide_desc{font-size: 11px; font-weight: 200; letter-spacing: -0.04em; color: #ccc; line-height: 1.6; max-height: 3.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 8px;}/* 20230209 수정 */
.msgSlide_priceWrap{margin-top: 20px; font-size: 0;}
.msgSlide_priceBefore,.msgSlide_priceAfter{display: inline-block; vertical-align: bottom;}
.msgSlide_priceBefore{font-size: 11px; letter-spacing: -0.04em; color: #ccc; font-weight: 200; text-decoration: line-through;}
.msgSlide_priceAfter{font-size: 14px; letter-spacing: -0.04em; color:#e5132e; margin-left: 20px; font-weight: 500;}/* 20230209 수정 */
.msgSlide_detailWrap{padding-top: 15px; margin-top: 13px; border-top: 1px solid rgba(170,170,170,0.5);}
.msgSlide_detail{font-size: 0;}
.msgSlide_detail dt, .msgSlide_detail dd{display: inline-block; vertical-align: top;}
.msgSlide_detail dt{width: 58px; font-size: 11px; letter-spacing: -0.04em; color: #fff;}/* 20230209 수정 */
.msgSlide_detail dd{width: calc(100% - 58px); font-size: 11px; letter-spacing: -0.04em; color: #fff; font-weight: 200;}/* 20230209 수정 */
.msgInfo_floating{position: fixed; z-index: 999; top: 50%; transform: translateY(-50%); right: 20px;}
.msgInfo_floatingBtn{display: block; width: 60px; height: 60px; border-radius: 60px; font-size: 15px; text-align: center; line-height: 60px; color: #fff; letter-spacing: -0.02em; font-weight: 500; background: #000;}
/* 20230112_2 수정 :: S */
.msgInfo_floating .shareBtn{margin-top: 10px;}
.msgInfo_floating .shareBtn_pop{top: 70px;}
/* 20230112_2 수정 :: E */
.msgCont{margin-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}/* 20230209 수정 */
/* 20230111 추가 :: E */

/* 20230209 추가 :: S */
.msgInfo_btns{float: right; font-size: 0; padding-top: 5px;}
.msgInfo_btn{display: inline-block; vertical-align: top; font-size: 12px; line-height: 12px; letter-spacing: -0.02em; font-weight: 200; color: #fff; position: relative;}
.msgInfo_btns .shareBtn{margin-left: 16px;}
.msgInfo_subBtn{padding-left: 17px; background: url('../images/common/ico/ico_draw_subs_mo.png') no-repeat left center / 12px;}
.msgInfo_shareBtn{padding-left: 17px;  background: url('../images/common/ico/ico_draw_share_mo.png') no-repeat left center / 11px 12px;}
.msgInfo_shareBtn::before{content:''; display: block; width: 1px; height: 12px; background: #888; position: absolute; top: 50%; left: -8px; margin-top: -6px;}
.msgIntro_bots{margin-top: 42px;}
.msgIntro_applyBtn{display: block; height: 60px; line-height: 60px; border-radius: 9999px; background: #e5132e; color: #fff; font-size: 19px; letter-spacing: -0.04em; font-weight: 500; z-index: 900;} /* 20230518 수정 */ /* 20230522 수정 */
.kakao-tooltip_wrap .msgIntro_applyBtn{height: 50px;line-height: 50px;margin-top: 10px;} /* 20230728 추가 */
.msgIntro_applyBtn.active{background: #e30019;}
.msgIntro_applyBtn.lightGray{background: #bbbbbb;color: #1d1e1e;} /* 20230728 추가 */
.msgIntro_applyBtn.gray{background: #434343;} /* 20230728 추가 */
.msgIntro_priceUint{font-size: 14px; font-weight: 400;}
.msgSlide_priceUint{font-size: 11px; font-weight: 400;}
/* 20230209 추가 :: E */
.applyBtn_wrap{flex:1;position:relative;} /* 20230728 추가 */

/* 20230413 추가 S : 상세 순위 리스트 */
.detailList .detailList_tit {font-size: 16px; font-weight: 900; text-align: center; color: #fff;}
.detailList .searchResult_list {margin-top: 40px;}
/* 20230413 추가 E : 상세 순위 리스트 */

/* 20230615 추가 S : CI 소개 페이지 */
.ci_btnWrap {position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); width: 145px; border: 1px solid #fff; border-radius: 35px; text-align: center; font-size: 0;}
/* 20230622 수정 및 추가 S */
.btnIntro_down {font-size: 13px; font-weight: 500; color: #fff; display: inline-block; display: inline-block; padding: 10px 0; vertical-align: middle; width: 100%; border-radius: 35px;}
.btnIntro_down::after {content: ''; width: 10.5px; height: 11px; background: url('../images/common/ico/ico_down_white_mo.png') no-repeat center / contain; display: inline-block; vertical-align: middle; margin-left: 9px;}
/* 20230622 수정 및 추가 E */
.ci_section {padding: 75px 0;}
.ci_section.dark {background: #1d1e1e;}
.ci_section.deep-dark {background: #191919;}
.ci_section h4 {font-size: 27px; text-align: center; font-weight: 800; color: #fff; margin-bottom: 30px;}
.ci_section p {font-size: 14px; color: #999; text-align: center; line-height: 21px; letter-spacing: -0.025em; word-break: keep-all;}
.ci_section p br.pc {display: none;}
.ci_section .symbol_mark {width: 66.5%; margin: 60px auto 0;}
.ci_section .symbol_mark.detail {width: 73.1%; padding-top: 45px; position: relative;}
.ci_section .symbol_mark.detail::before {content: ''; position: absolute; top: 0; left: 50%; width: calc(100% + 50px); height: 1px; background-color: #333; transform: translateX(-50%);}
.ci_section .logoType + .logoType {margin-top: 13px;}
.ci_section .download_wrap {margin-top: 25px; display: flex; justify-content: center;}
.ci_section .download_wrap div {border-radius: 30px; border: 1px solid #666; width: 111px; text-align: center;}
/* 20230622 수정 및 추가 S */
.ci_section .download_wrap a { color: #fff; font-size: 10px; font-weight: 500; display: inline-block; padding: 10px 0; width: 100%; border-radius: 30px;}
.ci_section .download_wrap a::after {content: ''; display: inline-block; width: 8.5px; height: 8px; background: url('../images/common/ico/ico_down_gray_mo.png') no-repeat center / contain; margin-left: 5px;}
/* .ci_section .download_wrap div:first-child a {background-position: 85px 11px;} */
/* 20230622 수정 및 추가 E */
.ci_section .download_wrap div + div {margin-left: 7px;} 
.ci_section .min_rule {margin-top: 60px;}
.ci_section .min_rule strong {font-size: 17px; font-weight: bold; color: #fff; margin-bottom: 30px; display: block;}
.ci_section .min_rule span {font-size: 13px; color: #777; margin-top: 30px; display: block; line-height: 18px;}
.ci_section .color_sys_list {margin-top: 60px;}
.ci_section .color_sys_list li {border: 1px solid #444; padding: 12px 19px; min-height: 93px; box-sizing: border-box;}
.ci_section .color_sys_list li + li {margin-top: 14px;}
.ci_section .color_sys_list li > div {display: flex; justify-content: space-between; align-items: flex-start; word-break: keep-all;}
.ci_section .color_sys_list li .left span {font-weight: 800; font-size: 12px; margin-bottom: 8px; display: block;}
.ci_section .color_sys_list li .left strong {font-weight: bold; font-size: 18px; display: block;}
.ci_section .color_sys_list li.red {background-color: #e30019;}
.ci_section .color_sys_list li.red .left span {color: #ffdede;}
.ci_section .color_sys_list li.red .left strong {color: #fff;}
.ci_section .color_sys_list li.white {background-color: #fff;}
.ci_section .color_sys_list li.white .left span {color: #4d4745;}
.ci_section .color_sys_list li.white .left strong {color: #1d1e1e;}
.ci_section .color_sys_list li.darkGrey {background-color: #1d1e1e;}
.ci_section .color_sys_list li.darkGrey .left span {color: #e5e2dd;}
.ci_section .color_sys_list li.darkGrey .left strong {color: #fff;}
.ci_section .color_sys_list li .right p {font-size: 10px; text-align: right; line-height: unset;}
.ci_section .color_sys_list li .right p i {font-weight: 800;}
.ci_section .color_sys_list li .right p + p {margin-top: 9px;}
.ci_section .color_sys_list li.red .right p {color: #ff8888;}
.ci_section .color_sys_list li.white .right p {color: #777;}
.ci_section .color_sys_list li.darkGrey .right p {color: #666;}
/* 20230615 추가 E : CI 소개 페이지 */

/* 20231018 추가 S :: ESG 리포트 #9491 */
.esg_report {padding: 50px 20px; background: url('../images/temp/@esg_report_mo.png') no-repeat center / cover;}
.esg_report h4 {font-size: 25px; font-weight: 900; color: #fff; letter-spacing: -0.025em; text-align: center;}
.esg_report p {font-size: 13px; color: #eee; line-height: 18px; text-align: center; margin-top: 30px; word-break: keep-all; letter-spacing: -0.025em;}
.esg_report p br.pc {display: none;}
.esg_report .esg_report_btn {margin-top: 25px; display: flex; align-items: center; justify-content: center; gap: 7px;}
.esg_report .esg_report_btn button {font-size: 10px; font-weight: 500; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 25px; display: inline-block; padding: 10px 25px;}
.esg_report .esg_report_btn button::after {content: ''; display: inline-block; width: 8px; height: 8px; margin-left: 8px; background: url('../images/common/ico/ico_down_white_mo_17x16.png') no-repeat center / cover;}
/* 20231018 추가 E :: ESG 리포트 #9491 */

/* 20250423 추가 : best 영역 추가 #20566 :: S */
.bestSection {
  padding: 40px 0 25px;
}
.bestSection_titArea {
  padding: 0 20px;
  margin-bottom: 20px;
}
.bestSection_tit {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
}
.bestSection_tit::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 20px;
  background: #e30019;
  margin-right: 9px;
}
.bestSection_slideArea {
  padding: 0 20px;
  overflow: hidden;
  position: relative;
}
.bestSection_slide.swiper-container {
  overflow: visible;
}
.bestItem {
  position: relative;
  padding-top: 10px;
}
.bestItem_rank {
  font-size: 23px;
  line-height: 20px;
  font-weight: 900;
  color: #fff;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
  font-style: italic;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.bestItem .magazineItem_tags li a {
  background: #353332;
  border-color: #8e8f8f;
}
.bestSection_slideArea .swiper-button-prev,
.bestSection_slideArea .swiper-button-next {
  height: 32px;
  width: 16.5px;
  top: calc((100% - 102px) / 2 + 10px);
}
.bestSection_slideArea .swiper-button-prev {
  background: url("../images/common/ico/arwLeft_64x33.png") no-repeat center /
    cover;
  left: 12px;
}
.bestSection_slideArea .swiper-button-next {
  background: url("../images/common/ico/arwRight_64x33.png") no-repeat center /
    cover;
  right: 12px;
}
/* 20250423 추가 : best 영역 추가 #20566 :: E */

/* 20250508 추가 : career 페이지 개편 :: S */
.careerList {
  padding: 35px 0 0;
}
.careerListFilter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.careerListFilter_desc {
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.04em;
}
.careerListFilter_desc b {
  font-weight: 700;
  color: #e30019;
}
.careerListFilter_select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    border: 0;
    padding-right: 14px;
    background-image: url('../images/common/ico/arwDown_18x12_white.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
    outline: none;
    cursor: pointer;
} 
.careerListFilter_select option {
  background: #1d1e1e;
}
/* 20250710 기존 careerItem 관련 내용 삭제 :: S */
/*
.careerList_item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.careerItem {
  position: relative;
  padding: 50px 0;
}
.careerItem_img {
  position: relative;
}
.careerItem_img-pc {
  display: none;
}
.careerItem_img-mo {
  display: block;
}
.careerItem_img p {
  padding-top: 56.25%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.careerItem_desc {
  margin-top: 15px;
}
.careerItem_cate {
  font-size: 14px;
  letter-spacing: -0.04em;
  color: #867f7d;
  font-weight: 500;
}
.careerItem_title {
  display: block;
  font-size: 19px;
  letter-spacing: -0.04em;
  color: #fff;
  font-weight: 700;
  margin-top: 10px;
}
.careerItem_info {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
}
.careerItem_infoType {
  font-size: 14px;
  letter-spacing: -0.04em;
  color: #fff;
  font-weight: 500;
  padding-right: 5px;
  position: relative;
}
.careerItem_infoType::after {
  content: "";
  display: block;
  width: 1px;
  height: 12.5px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -6px;
}
.careerItem_infoDate {
  font-size: 14px;
  letter-spacing: -0.04em;
  color: #fff;
}
.careerItem_dday {
  margin-top: 55px;
}
.careerItem_ddayText {
  font-size: 36px;
  letter-spacing: -0.04em;
  color: #e5132e;
  font-weight: 700;
  text-align: center;
}
.careerItem_applyBtn {
  display: block;
  height: 60px;
  width: 100%;
  border: 1px solid #e5132e;
  border-radius: 1000px;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #fff;
  margin-top: 15px;
}

.careerItem.careerItem-ended::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  pointer-events: none;  20250512 추가 
}
.careerItem_applyEnded-mo {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: url("../images/common/ico/applyEnded_mo.png") no-repeat center / cover;
  z-index: 1;
}
.careerItem-ended .careerItem_applyEnded-mo {
  display: block;
}
.careerItem-ended .careerItem_ddayText {
  color: #fff;
}
.careerItem-ended .careerItem_applyBtn {
  display: none;
}*/
/* 20250710 기존 careerItem 관련 내용 삭제 :: E */
.careerList_viewMoreArea {
  padding: 47px 0 70px;
  text-align: center;
  font-size: 0;
}
.careerList_viewMore{
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 17px;
  border-radius: 1000px;
  background: #e30019;
  font-size: 11px;
}
.careerEndList_viewMoreArea {
  padding: 47px 0 70px;
  text-align: center;
  font-size: 0;
}
.careerEndList_viewMore{
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 17px;
  border-radius: 1000px;
  background: #e30019;
  font-size: 11px;
}
.careerDetail {
  padding-bottom: 70px;
}
.careerDetail_leftTime {
  padding: 40px 0 45px;
}
.careerDetail_header {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid rgba(170, 170, 170, 0.5);/* 20250710 수정 */
}
.careerDetail_img {
  position: relative;
}
.careerDetail_img p {
  padding-top: 56.25%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* 20250710 수정 :: S */
.careerDetail_img .careerDetail_applyEnded {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: url("../images/common/ico/applyEnded_red_mo.png") no-repeat center / cover;
  z-index: 1;
}
/* 20250710 수정 :: E */
.careerDetail_infoCont {
  margin-top: 32px;
}
.careerDetail_info > span {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin-right: 8px;
  padding-right: 8px;
  position: relative;
  color: #fff;
}
.careerDetail_info > span::after{
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -6px;
}
.careerDetail_info > span:last-child {
  padding-right: 0;
  margin-right: 0;
}
.careerDetail_info > span:last-child::after {
  display: none;
}
.careerDetail_info > span.careerDetail_infoCate {
  color: #e5132e;
}
.careerDetail_tit {
  font-size: 24px;
  letter-spacing: -0.04em;
  color: #fff;
  font-weight: 700;
  line-height: 32px;
  margin-top: 15px;
}
.careerDetail_desc {
  font-size: 14px;
  letter-spacing: -0.04em;
  color: #ccc;
  line-height: 23px;
  margin-top: 10px;
}
.careerDetail_applyBtn {
  display: block;
  width: 100%;
  height: 60px;
  border-radius: 1000px;
  background: #e5132e;
  color: #fff;
  font-size: 19px;
  letter-spacing: -0.04em;
  font-weight: 700;
  margin-top: 55px;
}
.careerDetail_body {
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
.careerDetail_footer {
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
}
.careerDetail_footerTit {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}
.careerDetail_footerSubTit {
  margin-top: 15px;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  font-weight: 700;
}
.careerDetail_footerEmail {
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}
.careerDetail_footerEmail a{
  color: #e5132e;
  text-decoration: underline;
}

.careerDetail_header-ended .careerDetail_img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.careerDetail_header-ended .careerDetail_applyEnded {
  display: block;
}
.careerDetail_header-ended .careerDetail_desc {
  display: none;
}
.careerDetail_header-ended .careerDetail_applyBtn {
  background: #bbb;
  color: #1d1e1e;
}
.careerDetail_header-ended .careerDetail_info > span {
  color: #ccc;
}
.careerDetail_header-ended .careerDetail_info > span.careerDetail_infoCate {
  color: #ccc;
}
/* 20250508 추가 : career 페이지 개편 :: E */

/* 20250611 추가 :: S */
.viewMgzn_writeInfo {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
.viewMgzn_writeInfo.pc {
  display: none;
}
.viewMgzn_writer {
  font-size: 14px;
  color: #1d1e1e;
  letter-spacing: -0.04em;
}
.viewMgzn_writer span {
  font-weight: 500;
}
.viewMgzn_writeDate {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  letter-spacing: -0.04em;
  color: #636363;
  line-height: 1.2;
  text-align: left; /* 20250616 추가 */
}
/* 20250611 추가 :: E */

/* 20250620 추가 :: S */
.ekiHowList_filter {
  padding-top: 21px;
}
.ekiHowList_filter + .mgznList_list {
  margin-top: 20px;
}
/* 20250620 추가 :: E */

/* 20250710 추가 :: S */
.careerList_banner{background: center / cover no-repeat url('../images/common/bg/bg_mainGradient_pc.jpg'); background: linear-gradient(103deg, rgba(255,112,0,1) 0%, rgba(229,19,46,1) 33%, rgba(229,19,46,1) 66%, rgba(222,0,126,1) 100%); line-height: 55px; height: 55px; font-size: 18px; font-weight: 900; color:#fff; text-align: center; text-transform: uppercase;}
.careerList_container {
  display: flex;
  flex-direction: column;
  gap: 43px;
  padding: 0 0 55px;
}
.careerList_item {
  width: 100%;
  padding: 40px 0;
  border-bottom: rgba(229, 226, 221, 0.3) 1px solid;
  position: relative;
}
.careerItem {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.careerItem_imgContainer {
  position: relative;
}
.careerItem_img {
  width: 100%;
  padding-top: 56.25%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.careerItem_imgDday {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(227, 0, 25, 0.7);
}
.careerItem_imgDday span {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.careerItem_infoContainer {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.careerItem_titleWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.careerItem_cate {
  font-size: 14px;
  color: #867f7d;
  font-weight: 500;
}
.careerItem_title {
  font-size: 19px;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
}
.careerItem_descWrap {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.careerItem_divider {
  width: 1px;
  height: 12px;
  background-color: #ccc;
}
.careerItem_btnContainer {
  margin-top: 25px;
}
/* 20250912 추가 :: S */
.careerItem-bidding .careerItem_dday {
  display: block;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #e5132e;
  text-align: center;
}
/* 20250912 추가 :: E */
.careerItem_applyBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 1000px;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  border: 1px solid #e5132e;
  margin-top: 15px; /* 20250912 추가 */
}
.careerList_applyEnded {
  display: none;
}
.careerList_toggleContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 37px;
}
.careerList_toggleBtn {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.careerList_toggleIcon {
  width: 10px;
  height: 6px;
  background: url('../images/common/ico/arwDown_20x12_white.png') no-repeat center / contain;
}
.careerList_toggleBtn.active .careerList_toggleIcon {
  transform: rotate(180deg);
}
.careerList_toggleCont {
  display: none;
  width: 100%;
}
.careerList_toggleCont.active {
  display: block;
}

.careerList_item.ended {
  padding: 30px 0;
}
.careerList_item.ended::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.60);
  pointer-events: none;
}
.careerList_item.ended .careerItem_imgContainer {
  display: none;
}
.careerList_item.ended .careerItem_btnContainer, .careerList_item.ended .careerItem_dday, .careerList_item.ended .careerItem_applyBtn {
  display: none;
}
.careerList_empty {
  font-size: 14px;
  color: #fff;
  padding: 245px 0;
  text-align: center;
}
/* 20250710 추가 :: E */

/* 20251013 추가 :: S */
/* timesale */
.timesale_container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1999;
  transform: translateY(0);
  transition: transform 0.3s ease;
  background: var(--eGray_900);
  border-radius: 20px 20px 0 0;
  padding-bottom: env(safe-area-inset-bottom);
}
.timesale_bar {
  display: block;
  width: 100%;
  height: 28px;
  background: url('../images/common/ico/ico_timesale_bar.svg') no-repeat center / 46px 4px;
}
.timesale_verticalTxt {
  display: none;
}
.timesale_cont {
  padding: 24px;
  padding-top: 12px;
  overscroll-behavior: contain;
}
.timesale_titleWrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
.timesale_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: var(--eWhite);
}
.timesale_title-beforeOpen {
  display: none;
}
.timesale_leftTime {
  font-size: 40px;
  line-height: normal;
  color: var(--eWhite);
}
.timesale_time > span {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  text-align: center;
  white-space: nowrap;
}
.timesale_prdLink {
  display: block;
  width: 100%;
}
.timesale_prd {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.timesale_review {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: var(--eWhite);
}
.timesale_review span {
  font-weight: 700
}
.timesalePrd {
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  background: var(--eWhite);
}
.timesalePrd_img {
  width: 124px;
  flex-shrink: 0;
}
.timesalePrd_img > img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 1 / 1;
}
.timesalePrd_info {
  padding: 16px 24px 16px 16px;
  min-width: 0;
}
.timesalePrd_brand {
  font-size: 14px;
  color: var(--eGray_900);
  font-weight: 700;
  line-height: 24px;
}
.timesalePrd_name {
  font-size: 16px;
  color: var(--eGray_900);
  font-weight: 500;
  line-height: 24px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timesalePrd_priceWrap {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.timesalePrd_sale {
  font-size: 20px;
  line-height: 24px;
  color: var(--eRed);
  font-weight: 700;
}
.timesalePrd_realPrice {
  font-size: 20px;
  line-height: 24px;
  color: var(----eGray_900);
  font-weight: 700;
}
.timesale_button {
  margin-top: 32px;
}
.timesale_character_beforeOpen {
  width: 150px;
  height: 123px;
  position: fixed;
  right: 42.62px;
  bottom: -123px;
  transform: none; 
  z-index: 2000;
  background: url('../images/common/bg/timesale_bg_beforeOpen_mo.png') no-repeat center / 150px 123px;
  transition: 0.3s ease;
  pointer-events: none;
}
.timesale_character_closed {
  width: 150px;
  height: 118px;
  position: fixed;
  right: 7px;
  bottom: -118px;
  transform: none; 
  z-index: 2000;
  background: url('../images/common/bg/timesale_bg_closed_mo.png') no-repeat center / 150px 118px;
  transition: 0.3s ease;
  pointer-events: none;
}

/* timesale off */
.timesale.off .timesale_container {
  transform: translateY(100%);
}
.timesale.off .timesale_title-beforeOpen {
  display: none;
}
.timesale.off .timesale_cont {
  visibility: hidden;
}

/* timesale open */
.timesale.open .timesale_title-beforeOpen {
  display: none;
}
.timesale.open .timesale_title-open {
  display: block;
}

/* timesale beforeOpen */
.timesale.beforeOpen .timesale_container {
  transform: translateY(calc(100% - 150px));
}
.timesale.beforeOpen .timesale_titleWrap {
  align-items: flex-start;
  gap: 8px;
}
.timesale.beforeOpen .timesale_cont {
  padding-top: 24px;
}
.timesale.beforeOpen .timesale_title-beforeOpen {
  display: block;
}
.timesale.beforeOpen .timesale_title-open {
  display: none;
}
.timesale.beforeOpen .timesale_character_beforeOpen {
  bottom: 0;
}
.timesale.beforeOpen .timesale_prd {
  visibility: hidden;
}

/* timesale closed */
.timesale.closed .timesale_container {
  transform: translateY(calc(100% - 44px));
}
.timesale.closed .timesale_cont {
  visibility: hidden;
}
.timesale.closed .timesale_character_closed {
  bottom: 0;
}
/* 20251013 추가 :: E */

/* 20251105 추가 :: S */
.viewMgzn_banner {
  padding: 20px;
  margin: 0 auto;
  max-width: 800px;
  box-sizing: border-box;
}
.contentBanner_img > img {
  display: block;
  width: 100%;
}
/* 20251105 추가 :: E */

/*
    ===================================================================================================================
    PC/TAB
    ===================================================================================================================
*/
/*
    =======================
    SUB - PC
    =======================
*/
@media all and (min-width: 768px) {
	
	.brandPop_cont_h600 {max-height: 600px; overflow-y: auto;} /* #10168 20231122 추가 */
    .brandPop.brandPop_cont_w500{max-width: 500px;}  /* 20231122 #10168 추가 */

	/* 20230518 추가 :: S */
    .kakao-tooltip_wrap {position: relative; left: 0; right: 0; bottom: 0;display: flex;gap: 20px;} /* 20230728 수정 */
    .kakao-tooltip {top: -80px; padding: 20px; width: auto;} /* 20230728 수정 */
    .kakao-tooltip::before {bottom:-9px;} /* 20230728 수정 */
    .kakao-tooltip p {font-size: 18px;white-space: nowrap;} /* 20230728 수정 */
    /* 20230518 추가 :: E */
	
    /* 매거진 리스트 */
    /* .mgznList_titArea{display: block; gradient fallback img background: center / cover no-repeat url('../images/common/bg/bg_mainGradient_pc.jpg'); background: linear-gradient(103deg, rgba(255,112,0,1) 0%, rgba(229,19,46,1) 33%, rgba(229,19,46,1) 66%, rgba(222,0,126,1) 100%);} 20230209 삭제 */
    .mgznList_tit{line-height: 120px; height: 120px; font-size: 41px;}/* 20230209 수정 */
    .mgznList_filter{padding-top: 73px}
    .mgznList_cate > li{margin-left: 100px;}
    .mgznList_cate > li a{font-size: 30px; padding-bottom: 15px; border-bottom-width: 2px;}
    .magazineItem_img-pc{display: block;}
    .magazineItem_img-mo{display: none;}
    
    /* 20211220 추가 : 매거진 카테고리 :: S */
    .mgznList_keywords.swiper-container{padding: 0;}
    .mgznList_keywordItem.swiper-slide{padding: 0 32px;} /* 20250620 수정 */
    .mgznList_keywordItem a{padding-bottom: 15px;}
    .mgznList_keywordItem a.on{border-bottom-width: 2px;}
    .mgznList_keywordIco{width: 23px; height: 22px; margin-right: 9px; margin-top: 4px;}
    .mgznList_keyword{font-size: 30px;}
    /* 20211220 추가 : 매거진 카테고리 :: E */

    .mgznList_list{margin-top: 0; padding: 100px 0}
    .mgznList_filter + .mgznList_list{padding-top: 63px; margin-top: 0;}
    .mgznListSet_item{margin-top: 0;}
    .mgznListSet .magazineItem_tags li a{background: #353332; border-color: #8e8f8f;}
    .mgznListSet.mgznListSet-quad .magazineItem_tags li a{background: #4d4745; border-color: #a6a3a2;}
    .magazineItem-listItem .magazineItem_info{position: absolute; padding: 33px 30px; margin-top: 0;}
    .magazineItem-listItem .magazineItem_cate{font-size: 18px;}
    .magazineItem-listItem .magazineItem_tit{font-size: 30px; height: 2.8em;}
    .magazineItem-listItem .magazineItem_desc{display: none;}
    .magazineItem-listItem .magazineItem_tags{display: block;}
    .mgznListSet .magazineItem_card{box-shadow: 0 2px 9px 2px rgb(0 0 0 / 50%);}
    .mgznListSet-quad .magazineItem_info{padding:40px 30px}
    .mgznListSet-quad .magazineItem_tit{margin-top: 15px;}

    .mgznListSet-quad .magazineItem_tags{display: block;}
    .mgznListSet-quad .mgznListSet_item, .mgznListSet .mgznListSet_item{display: inline-block; vertical-align: middle; width: calc((99.9% - 120px) / 4); margin: 0 0 0 40px;} /* 20220111 수정 */
    .mgznListSet .mgznListSet_item:nth-child(2n - 1){margin-left: 40px;}
    .mgznListSet .mgznListSet_item:first-child{margin-left: 0;}
    .mgznList_viewMoreArea{padding: 90px 0 0;}
    .mgznList_viewMore{font-size: 18px; font-weight: 700; padding:0 12px}
    

    /* 매거진 상세보기 */
    /* 20251013 수정 :: S */
    .viewMgzn_titArea{position: absolute; width: 100%; max-width: 1440px; top: auto; left: 50%; bottom: 0; transform: translateX(-50%); background: transparent; padding: 0 67px 124px 67px;}  
    .contentHeader_crump > span {color: var(--eWhite); font-size: 24px; line-height: 32px; letter-spacing: -1px; font-weight: 500;}
    .contentHeader_tit{font-size: 28px; color: var(--eWhite);}
    .contentHeader_desc{font-size: 18px; padding-top: 20px; color: var(--eWhite);}
    .contentHeader_tags{display: flex; align-items: center; gap: 10px; padding-top: 10px;}
    .contentHeader_tags > li{display: flex; align-items:center; justify-content: center; height: 34px; border: 1px solid var(--eWhite); padding: 0 16px; border-radius: 999px; color: var(--eWhite); font-size: 20px; line-height: 28px; font-weight: 500;}
    .contentHeader_writer{color: var(--eWhite); font-size: 20px; font-weight: 500; line-height: 28px;}
    .contentHeader_contInfo{display: none;}
    .contentHeader_hr{display: none;}
    .contentHeader_btnWrap{gap: 16px;}
    .contentHeader_subscribeBtn.button.button-36.button-icon-left, .contentHeader_shareBtn.button.button-36.button-icon-left {padding: var(--btn-padding-icon-left-56); height: var(--btn-height-56); line-height: var(--btn-height-56); font-size: var(--btn-fontsize-56); gap: var(--btn-gap-56); border-width: 2px; box-sizing: border-box;}
    .contentHeader_subscribeBtn.button.button-36.button-icon-left > span, .contentHeader_shareBtn.button.button-36.button-icon-left > span {
      font-size: 20px;
    }
    .contentHeader_subscribeBtn.button.button-36.button-icon-left {width: 240px;}
    .contentHeader_shareBtn.button.button-36.button-icon-left {width: 180px;}
    .contentHeader_subscribeBtn.button.button-36.button-icon-left > img, .contentHeader_shareBtn.button.button-36.button-icon-left > img {width: 24px;}
    .contentHeader_shareBtn.button.button-36.button-icon-left {background: transparent;}
    .viewMgzn_contInfo {display: flex; align-items: center; gap: 16px; max-width: 800px; margin: 120px auto 0; padding: 0 20px; box-sizing: border-box;}
    .viewMgzn_createdAt {font-size: 20px; font-weight: 500; color: var(--eGray_800); line-height: 28px;}
    .viewMgzn_hit{display: flex; align-items: center; gap: 4px;}
    .viewMgzn_hit > img {width: 24px;}
    .viewMgzn_hit > span {font-size: 20px; font-weight: 500; color: var(--eGray_800); line-height: 28px;}
    .viewMgzn_prdInside{padding-left: 24px; padding-right: 24px; box-sizing: border-box;}
    .prdInside_titWrap { padding: 0; margin-bottom: 24px; }
    .prdInside_tit {font-size: 24px; line-height: 34px; padding-left: 27px; position: relative; margin-bottom: 25px;}
    .prdInside_tit::after {content:''; display:block; width: 6px; height: 32px; position: absolute; top: 1px; left: 0; background: var(--eRed);}
    .prdInside_slider.swiper-container { padding: 0; }
    .prdInside_list { padding: 0; gap: 48px; }
    .prdInside_item.swiper-slide{width: 200px;}
    .prdInside_info{padding: 5.333px 10.667px;}
    .prdInside_price{font-size: 18px;}
    .firstChance{background: var(--eWhite); border-radius: 10px; border: 3px solid transparent; background-image: linear-gradient(#fff, #fff), var(--gradient); background-origin: border-box; background-clip: content-box, border-box;}
    .firstChance_titWrap{padding-top: 32px; margin-bottom: 16px; gap: 16px;}
    .firstChance_bullet.button.button-white{background: var(--gradient); color: var(--eWhite); padding: var(--btn-padding-36); font-size: var(--btn-fontsize-36); height: var(--btn-height-36); line-height: var(--btn-height-36); gap: var(--btn-gap-36);}
    .firstChance_tit {font-size: 18px; line-height: 24px; color: var(--eGray_900); font-weight: 500;}
    .firstChance_br {display: none;}
    .firstChance_item.swiper-slide {width: 156px;}
    .firstPrd_info {padding: 6px 8px 16px;}
    .firstPrd_brand {font-size: 14px; line-height: 24px; margin-bottom: 0;}
    .firstPrd_name {font-size: 14px; line-height: 21px; height: 42px; margin-bottom: 8px;}
    .firstPrd_originPrice {font-size: 14px; line-height: 21px; font-weight: 500;}
    .firstPrd_realPrice {font-size: 18px; line-height: 24px;}
    .ankerPrd {gap: 24px;}
    .ankerPrd_img > img {width: 180px; border-radius: 8px;}
    .ankerPrd_info { gap: 12px; }
    .ankerPrd_name {font-size: 24px; line-height: 32px;}
    .ankerPrd_priceWrap { gap: 20px; }
    .ankerPrd_sale { font-size: 24px; line-height: 34px; }
    .ankerPrd_priceArea{ gap: 8px; }
    .ankerPrd_realPrice { font-size: 24px; line-height: 34px; }
    .ankerPrd_originPrice { font-size: 20px; line-height: 28px; }
    .contentFooter_btns { gap: 16px; }
    .contentFooter_subscribe.button.button-36, .contentFooter_share.button.button-36 { padding: var(--btn-padding-icon-left-48); height: var(--btn-height-48); line-height: var(--btn-height-48); font-size: var(--btn-fontsize-48); border-width: 2px; box-sizing: border-box;}
    .contentFooter_subscribe.button.button-36 > img, .contentFooter_share.button.button-36 > img { width: 24px;}
    .contentFooter_hr { margin-top: 50px; margin-bottom: 54px;}
    .contentFooter_keywords { gap: 24px; }
    .contentFooter_keywordsTitle { font-size: 24px; line-height: 34px; }
    .contentFooter_keywordsList { gap: 8px;}
    .contentFooter_keyword.button.button-solid.button-white-red { padding: var(--btn-padding-36); font-size: var(--btn-fontsize-36); height: var(--btn-height-36); line-height: var(--btn-height-36); background: rgba(255,255,255,0.3); border: 1px solid var(--eWhite);}
    .viewMgzn_subSection { padding-top: 40px; padding-bottom: 40px;}
    .viewMgzn_subTitleWrap { padding: 0; margin-bottom: 24px;}
    .viewMgzn_subTitle {font-size: 32px; font-weight: 900; line-height: 48px; padding-left: 24px;}
    .viewMgzn_subTitle::before {width: 6px; height: 32px; margin-top: -16px;}
    .mgznPrdSlider.swiper-container { padding: 0;}
    .mgznPrdSlider_item.swiper-slide {width: 340px;}
    .mgznPrd {background: var(--eWhite); gap: 24px;}
    .mgznPrd_info {padding: 0 16px 16px;}
    .mgznPrd_brand {font-size: 18px; line-height: 24px;}
    .mgznPrd_name {font-size: 20px; font-weight: 500; line-height: 28px; min-height: 56px; }
    .mgznPrd_sale {font-size: 24px; line-height: 34px;}
    .mgznPrd_priceReal {font-size: 24px; line-height: 34px;}
    .mgznPrd_priceReal > span {font-size: 16px; font-weight: 500; line-height: 24px;}
    /*.viewMgzn_banner {padding: 20px; margin: 0 auto; max-width: 800px; box-sizing: border-box;}
    .contentBanner_img > img { display: block; width: 100%; } 20251105 삭제 */
    /* 20251013 수정 :: E */
    .viewMgzn_vid{padding-top: 46.8%;}
    .viewMgzn_vid video{width: 100%; height: auto;}
    /* .viewMgzn_cont{padding:100px 0} 20210624 삭제 : 본문 컨텐츠간 여백 삭제 */
    .viewMgzn_cont picture img{display: inline-block; width: auto; max-width: 100%;} /* 20210624 추가 : 매거진 본문 이미지 넓이 수정 */
    /* 20210624 추가 : 에디터 본문 hr 넓이 수정// */
    /* .viewMgzn_cont .se-module-horizontalLine{width: 100%!important;}
    .viewMgzn_cont .se-module-horizontalLine hr{width: 100%!important;} 20210624 삭제 : 에디터 본문 hr 넓이 수정_2 */
    /* //20210624 추가 : 에디터 본문 hr 넓이 수정 */
    .viewMgzn_cont p{max-width: 1520px; box-sizing: border-box; margin:0 auto!important;}/* 20210624 추가 : 에디터 본문 p 넓이 수정 */ /* 20210624 수정 : 에디터 본문 첨부사진 정렬 수정 */ /* 20220111 수정 */

    .photoSlider{width: 69.7%; margin:0 auto; padding:0; overflow: visible;} /* 20220111 수정 */
    .photoSlider_bot{font-size: 0;}
    .photoSlider_counter{font-size: 26px; text-align: left; background: none; width:100px; height: 86px; line-height: 86px;}
    .photoSlider_thumb{display: block; width: calc(100% - 100px); margin-left: 100px; padding:0 30px; overflow: hidden;}
    .photoSlider_thumb .slick-list{margin: 0 -7.5px}
    .photoSlider_thumb::after, .photoSlider_thumb::before{width: 30px;}
    .photoSlider_thumbItem{margin: 0 7.5px;}
    .photoSlider_bot .photoSlider_counter{display: block; bottom: auto; top:50%; transform: translateY(-50%); margin-top: -5px;}
    .photoSlider_top{margin:0}
    .photoSlider_top .photoSlider_counter{display: none;}
    .now.photoSlider_thumbItem::after{border-width: 3px;}
    .photoSlider_photo .slick-arrow{display: block!important; width: 45px; height: 45px; background-position: center; background-repeat: no-repeat; background-size: contain; text-indent: -9999px; position: absolute; top:50%;} /* 20220113 수정 */
    .photoSlider_photo .slick-arrow.slick-disabled{visibility: hidden;}
    /* 20220113 수정 :: s */
    .photoSlider_photo .slick-prev{left:-130px; background-image: url('../images/common/ico/arwLeft_45x45_grey.png');}
    .photoSlider_photo .slick-next{right:-130px; background-image: url('../images/common/ico/arwRight_45x45_grey.png');}
    /* 20220113 수정 :: e */
    .viewMgzn_other{padding:100px 0 111px; margin-top: 100px;}
    .viewMgzn_other::before{width: 100%;  left:0;}
    .viewMgzn_otherCont + .viewMgzn_otherCont{margin-top: 120px;}
    .viewMgzn_subTitArea{margin-bottom: 45px;}
    .viewMgzn_subTit{font-size: 34px; padding-left: 27px;}
    .viewMgzn_subTit::before{width: 6px; height: 32px; margin-top: -16px;}

    .prdSlide{padding:0;}
    .prdSlide .slick-list{overflow: hidden; margin: 0 -22.5px}
    .prdSlide_item{margin: 0 22.5px;}
    .prdItem_info{margin-top: 30px;}
    .prdItem_brand{font-size: 28px;}
    .prdItem_name{font-size: 28px; margin-top: 10px;}
    .prdItem_price{font-size: 29px; margin-top: 30px;}

    .relSlide{padding:0}
    .relSlide .slick-list{overflow: hidden; margin: 0 -22.5px}
    .relSlide_item{margin: 0 22.5px;}
    /* 20211215 추가//*/
    .relSlide-onlyMo{font-size: 0;}
    .relSlide-onlyMo .relSlide_item{display: inline-block; vertical-align: top; width: calc((99.99% - 90px) / 3); margin: 0; margin-top: 65px; margin-left: 45px;}
    .relSlide-onlyMo .relSlide_item:first-child,.relSlide-onlyMo .relSlide_item:nth-child(3n + 1){margin-left: 0;}
    .relSlide-onlyMo .relSlide_item:nth-child(1),.relSlide-onlyMo .relSlide_item:nth-child(2),.relSlide-onlyMo .relSlide_item:nth-child(3){margin-top: 0;}
    /* //20211215 추가 */
    /* 20210628 수정 : 뉴스 연관콘텐츠와 동일하게 수정// */    
    .relItem_info{margin-top: 22px;}
    .relItem_cate{font-size: 24px;}    
    .relItem_tit{margin-top: 16px; font-size: 28px;}
    /* //20210628 수정 : 뉴스 연관콘텐츠와 동일하게 수정 */

    /* 최신 뉴스 */
    .newsNew_list{padding: 73px 0 80px;}
    .newsNew_list:before{max-width: 1440px; width: 100%; right: 50%; transform: translate(50%,0);} /* 20210716 수정 : 라인 수정 */
    /* 20210827 수정 : 뉴스배너 수정// */
    .newsNew_item a{font-size: 0; background: #4d4745;}
    .newsNew_img{width: 65.7%; display: inline-block; vertical-align: top;}
    .newsNew_info{display: inline-block; vertical-align: top; width: 34.3%; padding: 50px 45px;}
    /* //20210827 수정 : 뉴스배너 수정 */
    .newsNew_cate{font-size: 22px; padding-bottom: 10px; position: relative; left: auto; top: auto;}
    .newsNew_tit{font-size: 36px; margin-top: 28px;}
    .newsNew_date{font-size: 20px; margin-top: 30px;}
    .newsNew_txt{font-size: 18px; line-height: 1.8em; max-height: 9em; margin-top: 50px;}
    .newsNew_count{font-size: 22px; right: 45px; top: 50px;}
    /* 20210716 추가 : 최신뉴스 버튼 추가// */
    .newsNewSet .slick-arrow{display: block!important; width: 56px; height: 110px; text-indent: -9999px; position: absolute; top:50%; margin-top: -55px; background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1;}
    .newsNewSet .slick-next{background-image: url('../images/common/ico/arwRight_56x110_grey.png'); right:-6.5%;}
    .newsNewSet .slick-prev{background-image: url('../images/common/ico/arwLeft_56x110_grey.png'); left:-6.5%;}
    .newsNewSet .slick-arrow.slick-disabled{visibility: hidden;}
    /* //20210716 추가 : 최신뉴스 버튼 추가 */

    /* 뉴스 리스트 */
    .newsList_list{padding:0 0 100px;}
    .newsListSet{font-size: 0;}
    .newsListSet > li{display: inline-block; vertical-align: top; width: calc((99.99% - 90px) / 3); margin: 80px 0 0 45px;} /* 20210719 수정 : 미디어 */
    .newsListSet > li:first-child{margin-top:80px;}
    .newsListSet > li:nth-child(3n+1){margin-left:0;}    
    .newsItem_info{padding-top: 30px; padding-bottom: 6px;}
    .newsItem_cate{font-size: 22px; padding-bottom: 10px;}
    .newsItem_tit{font-size: 30px; line-height: 1.3em; margin-top: 14px;}
    .newsItem_date{font-size: 20px; margin-top: 25px;}
    .newsList_list .mgznList_viewMoreArea{padding:114px 0 0;}

    /* 베스트 뉴스 */
    .container-exp{max-width: 1630px; box-sizing: border-box; margin: 0 auto; padding:0 94px;}
    
    .newsBest_list{padding: 70px 0 115px;}
    .newsBest_tit{font-size: 41px; font-weight: 900; text-align: center; padding: 0;}
    .newsBest_Area{margin-top: 50px;}    
    .bestSlide{padding: 0; position: relative; overflow: visible;}
    .bestSlide .slick-list{margin: 0 -20px; overflow: hidden;}
    .bestSlide_item{margin: 0 20px;}    
    .bestItem_num{font-size: 50px;}
    .bestItem_cate{font-size: 20px;}
    .bestItem_img{margin-top: 18px;}
    .bestItem_info{padding-top: 22px;} /* 20210719 수정 : 미디어 */
    .bestItem_tit{font-size: 26px;}
    .bestItem_txt{font-size: 18px; margin-top: 16px;} /* 20210719 수정 : 미디어 */
    .bestSlide .slick-arrow{display: block!important; width: 56px; height: 110px; text-indent: -9999px; position: absolute; top:11%; margin-top: 70px; background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1;}
    .bestSlide .slick-next{background-image: url('../images/common/ico/arwRight_56x110_grey.png'); right:-6.5%;}
    .bestSlide .slick-prev{background-image: url('../images/common/ico/arwLeft_56x110_grey.png'); left:-6.5%;}
    .bestSlide .slick-arrow.slick-disabled{visibility: hidden;}

    /* 뉴스 상세보기 */
    .viewNews{padding-top: 100px; position: relative;}
    .viewNews:before{content: ''; display: block; width: 100%; height: 140px; background: #1d1e1e; position: absolute; left: 0; top: -140px;}
    .viewNews_cont{padding: 0;}
    .viewNews_cate{font-size: 32px; border-bottom-width: 2px; padding-bottom: 6px;}
    .viewNews_tit{font-size: 40px; line-height: 1.5em; margin-top: 18px;}
    .viewNews_date, .viewNews_org{font-size: 20px;}
    .viewNews_share{font-size: 20px; padding: 4px 0 1px 32px; background-position: -20px -477px; background-size: 500px 1000px;}
    .viewNews_desc{margin-top: 50px;}
    .viewNews_org{padding-left: 15px; margin-left: 15px;}
    .viewNews_tags{margin: 45px -10px 0;}
    .viewNews_tags > li{margin: 10px 0 0 10px;}
    .viewNews_tags a{height: 36px; line-height: 34px; padding: 0 20px;}

    /* 20210720 추가 : 자료내려받기, CC 추가// */
    .viewMgzn_cc{padding-top: 53px; margin-top: 75px; margin-bottom: -40px;}
    .cc_down{padding: 0 35px; border-radius: 9px; height: 60px; line-height: 60px; position: absolute; top: -3px; right: 1px;}
    .cc_down span{padding-left: 28px; font-size: 20px; background-image: url('../images/common/ico/down_18x19.png'); background-size: 18px 19px; background-position: left center; background-repeat: no-repeat;}
    .cc_tit{font-size: 36px; margin-top: 0;}
    .cc_dlTit{font-size: 20px; margin-top: 35px;}
    .cc_dl{font-size: 0; overflow: hidden;}
    .cc_dl dt, .cc_dl dd{font-size: 20px; margin-top: 16px;}
    .cc_dl dt{margin-right: 2px;}
    /* //20210720 추가 : 자료내려받기, CC 추가 */

    /* 20210719 추가 : 미디어// */
    /* 미디어 리스트 */
    .mgznList_mainMedia{padding: 73px 0;} 
    .mgznList_mainMedia::after{width: 100%; max-width: 1440px; right: 50%; transform: translateX(50%);}
    .mgznList_mainMedia .mainMedia{padding: 0 120px}/* 20210729 추가 */
    .mainMedia_img::after{width:68px; height: 98px; margin-left: -34px; margin-top: -49px;}
    .mainMedia_info{margin-top: 39px;}
    .mediaInfo{margin-top: -5px;}
    .mediaInfo_logo p{width: 80px; height: 80px;}
    .mediaInfo_txt{padding-left: 100px;}
    .mediaInfo_name{font-size: 22px; padding-bottom: 10px;}
    .mediaInfo_tit{font-size: 30px; margin-top: 10px; line-height: 1.4em; max-height: 2.8em;}
    .mediaInfo_date{font-size: 20px; margin-top: 24px;}
    .mediaInfo.mediaInfo-main{margin-top: -5px;}
    .mediaInfo-main .mediaInfo_logo{top: -5px;}
    .mediaInfo-main .mediaInfo_logo p{width: 100px; height: 100px;}
    .mediaInfo-main .mediaInfo_txt{padding-left: 130px;}
    .mediaInfo-main .mediaInfo_tit{font-size: 36px; margin-top: 9px;}
    .mediaInfo-main .mediaInfo_date{position: absolute; top:0; right:0; margin-top: 0;} /* 20210729 수정 */
    .photoSlider_top .slick-list.draggable {height: 757px !important;} /* 20220111 추가 */

    /* 미디어 본문 */
    .media_cont{padding-top: 60px;}
    .mediaInfo-detail .mediaInfo_logo{top:-5px}
    .mediaInfo-detail .mediaInfo_logo p{width: 120px; height: 120px;}
    .mediaInfo-detail .mediaInfo_txt{padding-left: 160px;}
    .mediaInfo-detail .mediaInfo_name{font-size: 32px; padding-bottom: 7px;}
    .mediaInfo-detail .mediaInfo_tit{font-size: 40px; margin-top: 18px;}
    .mediaInfo-detail .mediaInfo_date{font-size: 20px; margin-top: 34px;}
    /* //20210719 추가 : 미디어 */

    /* 20221031 수정 : mall 개편 :: S */
    .mall{padding-top: 90px;}
    .mallList{font-size: 0;}/* 20221212 추가 */
    .mallList_item{width: calc((100% - 120px) / 4); display: inline-block; vertical-align: top; margin-left: 40px;}/* 20221212 수정 */
    .mallList_item:nth-child(1),.mallList_item:nth-child(4n+1){margin-left: 0;}/* 20221212 추가 */
    /* .mallList_item-sizer{width: calc((100% - 120px) / 4);}
    .mallList_item-gutter{width: 40px;} 20221212 삭제 */
    .mallItem_img{box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}
	.mallItem_info{padding: 38px 0 35px;}/* 20221124 수정 */
    .mallItem_cate{padding-bottom: 10px; margin-bottom: 13px; font-size: 18px;}/* 20221124 추가 */
    .mallItem_tit{font-size: 30px; letter-spacing: -0.02em;}
    .mallItem_desc{font-size: 18px; line-height: 1.77;}
    /* 20221116 추가 :: S */
    .mallItem_linkArea{padding: 32px 0 0;}
    .mallItem_link{padding: 0 20px; line-height: 27px; font-size: 14px;}
    /* 20221116 추가 :: E */
    .mallList_relItem{padding: 20px 0;}
    .mallList_relItem:last-child{padding-bottom: 0;}
    .mallRelItem_img{width: 82px;}
    .mallRelItem_info{width: calc(100% - 82px);}
    .mallRelItem_brand{font-size: 13px;}
    /* 20221031 수정 : mall 개편 :: E */
    
    /* 20210811 추가 : aboutMain// */
    /* About Main */
    .aboutMain{margin-top: -140px;}
    /* 20210818 수정// */
    .aboutMain_mainTxt{padding: 91px 0 116px;}
    .aboutMain_mainTit{font-size: 46px;}
    .aboutMain_mainSubTit{font-size: 28px; margin-top: 25px;}
    .aboutMain_mainDesc{font-size: 22px; margin-top: 21px;}
    /* //20210818 수정 */
    .aboutMain_tit{font-size: 54px;}
    .aboutMain_subTit{font-size: 22px; margin-top: 28px;}
    .aboutMain_value{padding: 109px 0 150px;}
    .aboutMain_value .aboutMain_titArea{margin-bottom: 76px;}
    .aboutMain_valueList{font-size: 0;}
    .aboutMain_valueItem{display: inline-block; width: calc(50% - 30px); vertical-align: top; margin-top: 50px; margin-left: 60px;}
    .aboutMain_valueItem:nth-child(2n-1){margin-left: 0;}
    .aboutMain_valueItem:nth-child(1),.aboutMain_valueItem:nth-child(2){margin-top: 0;}
    .valueItem{border-radius: 12px;padding: 40px 40px 50px 50px; box-sizing: border-box;}/* 20210818 수정 */
    /* 20210818 수정// */
    .valueItem_supTit{font-size: 32px;}
    .valueItem_tit{font-size: 32px; margin-top: 12px;}
    /* //20210818 수정 */
    .valueItem_subTit{font-size: 24px; margin-top: 9px;}
    .valueItem_descArea{margin-top: 40px;}
    .valueItem_descTit{font-size: 30px;}
    .valueItem_desc{font-size: 20px; margin-top: 4px; line-height: 1.6em;}/* 20210818 수정 */
    .aboutMain_bannerArea{padding: 150px 0 178px;}
    .aboutMain_banner{margin-top: 100px;}
    .aboutMain_learnMore{font-size: 21px; height: 50px; line-height: 50px; padding:  0 84px; margin-top: 50px;}
    .aboutMain_esg{padding: 150px 0;}
    .aboutMain_esgItem{margin-top: 100px;}
    .aboutMain_esgItem:first-child{margin-top: 0;}
    .esgItem{position: relative;}
    .esgItem::after{content:''; display: block; clear: both;}
    .esgItem-esg{background: #5a8278;}
    .esgItem-ir{background: #4d4745;}
    .esgItem_imgArea{float: right; width: calc(100% - 490px);}
    .aboutMain_esgItem:nth-child(2n) .esgItem_imgArea{float: left;}
    .esgItem_imgArea p{padding-top: 489px;}
    /* 20210818 수정// */
    .esgItem_txtArea{float: left; width: 490px; margin-top: 0; padding: 51px 40px 51px 56px; box-sizing: border-box;}
    .aboutMain_esgItem:nth-child(2n) .esgItem_txtArea{float: right;}
    .esgItem_tit{font-size: 46px; color:#fff; line-height: 1.1em;}
    .esgItem_desc{font-size: 28px; margin-top: 20px; color:#fff; line-height: 1.75em;}
    .esgItem_viewMore{font-size: 21px; line-height: 25px; color: #fff; margin-top: 0; padding-right: 35px; background-image: url('../images/common/ico/arwRight_13x25_white.png'); background-size: 13px 25px; position: absolute; left: 60px; bottom: 80px;}
    .aboutMain_esgItem:nth-child(2n) .esgItem_viewMore{left: calc(100% - 430px)}
    /* //20210818 수정 */
    /* //20210811 추가 : aboutMain */
    
    /* 20210812 추가 : career// */
    /* career */
    .career{margin-top: -140px;}
    /* 20210901 수정 : career// */
    .career_sloganArea{padding: 110px 0 108px; background-image: url('../images/common/bg/bg_career_pc.jpg'); background-size: cover;}
    .career_sloganTop{font-size:54px}
    .career_sloganBot{font-size: 36px;margin-top: 41px; line-height: 1.6em;}
    /* //20210901 수정 : career */
    .career_slide{padding: 110px 0 155px;}
    .career_tit{font-size: 54px;}
    .career_slide .career_tit{margin-bottom: 55px;}
    .career_slide .slick-arrow{display: block!important; height: 102px; width: 53px; text-indent: -9999px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top:50%; margin-top: -51px; z-index: 10; outline: none;}
    .career_slide .slick-arrow.slick-next{right: 13%; background-image: url('../images/common/ico/arwRight_102x53_white.png');}
    .career_slide .slick-arrow.slick-prev{left: 13%; background-image: url('../images/common/ico/arwLeft_102x53_white.png');}
    .careerSlide_item{transform: scale(0.85)} 
    .careerSlide_item::before{width: 60px; height: 84px; margin-left: -30px; margin-top: -40px;}
    .career_join{padding: 110px 0 120px;}
    .career_joinTit{font-size: 42px;}
    .career_joinDesc{font-size: 30px; margin-top: 24px;}
    .career_joinBtn{height: 50px; line-height: 50px; padding: 0 60px; color:#fff; font-size: 21px; font-weight: 700; margin-top: 50px;}
    /* //20210812 추가 : career */
    /* 20220103 추가// */
    .career_people{padding: 40px 0 120px;}
    .career_people::before{left: 50%; width: 100%; max-width: 1440px; transform: translateX(-50%);}
    .career_people .newsListSet > li{margin-top: 40px;}
    .career_people .newsListSet > li:first-child{margin-top: 40px;}
    /* //20220103 추가 */
    
    /* 20210819 추가 : business// */
    .business{padding-bottom: 120px; margin-top: -140px;}
    .business_slogan{padding-top: 77px; line-height: 1.85em;}/* 20210906 수정 : brand list */ 
    .business_slogan p{font-size: 22px;}
    .business_block{padding-top: 100px;}
    .business_tit{font-size: 54px;}
    .business_desc{font-size: 22px; margin-top: 26px; line-height: 1.8em;}
    .business_img{margin-top: 54px;}
    .business_more{height: 50px; line-height: 50px; font-size: 21px; padding: 0 73px; margin-top: 60px;}
    /* //20210819 추가 : business */
    
    /* 20210819 추가 : searchResult// */
    .searchResult{padding: 98px 0 120px;}
    .searchResult_count{font-size: 18px;}
    .searchResult_list{margin-top: 41px;}
    .searchResult_item{width: calc((99.99% - 90px) / 3); margin-left: 45px; margin-top: 85px;}
    .searchResult_item:nth-child(2n-1){margin-left: 45px;}
    .searchResult_item:first-child,.searchResult_item:nth-child(3n+1){margin-left: 0;}
    .searchResult_item:nth-child(3){margin-top: 0;}
    .searchResult_info{margin-top: 25px;}
    .searchResult_cate{font-size: 24px;}
    .searchResult_tit{font-size: 28px; margin-top: 20px;}
    .searchResult_moreArea{margin-top: 70px;}
    .searchResult_more{font-size: 18px; font-weight: 700; padding: 0 12px;}
    .noResult{min-height: calc(100vh - 444px);}
    .noResult_txt{font-size: 28px;}
    .noResult_back{padding: 0 31px; margin-top: 37px;}
    .noResult_back span{font-size: 18px; padding-left: 25px; background-image: url('../images/common/ico/back_16x12.png'); background-size: 16px 12px;}
    /* //20210819 추가 : searchResult */
    
    /* 20210819 추가 : ir// */
    .ir{margin-top: -140px;}
    .ir_visual{position: relative;}
    .ir_irTxtSlide{margin-top: 0; position: absolute; top:calc(50% + 70px); left: 58%; width: 42%; transform: translateY(-50%);}
    .irTxtSlide .slick-list{overflow: hidden; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 93%); mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0)) 93%;}
    .irTxtSlide_item{transform: scale(.55); transition-duration: .8s; transform-origin: left center;}
    .irTxtSlide_item.slick-active{opacity: .4;}
    .irTxtSlide_item.slick-active.slick-center{opacity: 1; transform: scale(1);}

    .irTxtSlide_tit{font-size: 3.4vw;}
    .irTxtSlide_tit span{font-size: 7.3vw;}
    .irTxtSlide_subTit{font-size: 2.1vw; margin-top: 0.8vw;}
    .irTxtSlide_desc{font-size: 1.5vw; margin-top: 0.5vw;}

    .ir_titArea{border-top: 0; padding: 0 0 84px;}
    .ir_tit{font-size: 54px;}
    .ir_global{padding: 90px 0 100px;} /* 20210901 수정 : ir dots */
    .globalSlide_item{font-size: 0;}
    .globalSlide_item::after{content:''; display: block; clear: both;}
    .globalSlide_nation{font-size: 35px; color:#fff; text-align: left; position: absolute; top: 0; left: 0; padding-left: 20px;}
    .globalSlide_nation::before{content:''; display: block; width: 4px; height: 28px; background: #e30019; position: absolute; left: 0; top:50%; margin-top: -14px;}
    .globalSlide_img{float: right; margin-top: 0; width: 46.5%;}
    .globalSlide_txtArea{float: left; width: 53.5%; padding: 60px 0 0 20px; box-sizing: border-box;}
    .globalSlide_tit{font-size: 30px; margin-top: 0;}
    .globalSlide_desc{font-size: 22px; margin-top: 15px; line-height: 1.85em;}
    .globalSlide_item-vit .globalSlide_txtArea{width: 55%;} /* 20210901 수정 : ir dots */
    .globalSlide_item-vit .globalSlide_img{position: absolute; top: 0; right: 0}
    /* 20210901 추가 : ir dots// */
    .globalSlide .slick-dots{padding-top: 15px;}
    .globalSlide .slick-dots li{margin-left: 10px;}
    .globalSlide .slick-dots button{width: 16px; height: 16px;}
    /* //20210901 추가 : ir dots */

    .financial_titArea{padding: 40px 0;}
    .financial_tit{font-size: 41px;}
    .financial_boardArea{padding: 100px 0 110px;}
    .financial_boardTit{font-size: 34px; padding-left: 20px;}
    .financial_boardTit::before{width: 5px; height: 34px; margin-top: -17px;}
    .financial_board{margin-top: 50px;}

    .fiBoard_header{padding: 0;}
    .fiBoard_num{display: inline-block; vertical-align: top; width: 85px; text-align: center; padding-left: 20px; box-sizing: border-box;}
    .fiBoard_cate{display: inline-block; width: auto; width: 171px; text-align: center;}
    .fiBoard_date{display: inline-block; vertical-align: top; position: static; width: auto; text-align: left;}
    .fiBoard_dateStart{padding-right: 0; width: 158px; text-align: center;}
    .fiBoard_dateStart p,.fiBoard_dateEnd p{font-size: 21px;}
    .fiBoard_dateStart p{text-align: center;}
    .fiBoard_dateEnd{padding-left: 0; width: 158px; text-align: center;}
    .fiBoard_dateEnd::before{display: none;}
    .fiBoard_dateEnd p{text-align: center;}
    .fiBoard_tit{display: inline-block; width: calc(100% - 572px);  margin-top: 0;}
    .fiBoard_header .fiBoard_num p,.fiBoard_header .fiBoard_cate p, .fiBoard_header .fiBoard_date p, .fiBoard_header .fiBoard_tit p{line-height: 73px; font-size: 21px; font-weight: 500; color: #1d1e1e;}
    .fiBoard_num p, .fiBoard_cate p, .fiBoard_date p, .fiBoard_tit p{color: #605b5a; line-height: 78px; font-size: 21px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .fiBoard_date p{font-size: 18px;}
    .fiBoard_item{padding: 0;}
    .fiBoard_item:first-child{border-top: 1px solid #bbb;}

    .financial_pagination{margin-top: 50px;}
    .boardPagination > a{padding: 0 20px; height: 30px;}
    .boardPagination_beforeEnd{width: 21px; background-size: 21px 20px; }
    .boardPagination_before{width: 11px;background-size: 11px 20px;}
    .boardPagination_nextEnd{width: 21px; background-size: 21px 20px;}
    .boardPagination_next{width: 11px; background-size: 11px 20px;}
    .boardPagination_item{margin: 0 15px;}
    .boardPagination_item a{font-size: 21px; padding: 0 20px; line-height: 30px;}
    /* //20210819 추가 : ir */
    
    /* 20210903 수정 : timeline sticky// */
    /* 20210824 추가 : History// */
    .history{margin-top: -140px;}
    .history_tit{font-size: 54px; margin-bottom: 40px;}/* 20210914 수정 : header fix */
    .history_timeline{padding: 73px 0 120px;}
    .timeline_item{position: relative;}
    .timeline_item::before{content:''; display: block; width: 1px; height: 100%; background: #606060; position: absolute; top:0; left: 50%; z-index: 1;}
    .timeline_item::after{content:''; display: block; clear: both;}
    .timeline_item{padding-top: 100px;}
    .timeline_infoArea{width: 50%; box-sizing: border-box; padding: 13px 10% 0 40px; float: left; margin-top: 0; position: relative;}
    .timeline_infoArea::before{content:''; display: block; width: 100%; height: 1px; background: #606060; position: absolute; top: 155px; left: 0; z-index: 2;}
    .timeline_infoArea::after{content:''; display: block; width: 19px; height: 19px; background: #222; border: 1px solid #606060; border-radius: 100vw; position: absolute; top:145px; right: -11px; z-index: 3;}
    .timeline_item:nth-child(2n) .timeline_infoArea::after{right: auto; left: -10px;}
    .timeline_year{font-size: 120px; }
    .timeline_tit{font-size: 30px; margin-top: 54px;}
    .timeline_desc{font-size: 22px;  margin-top: 16px; line-height: 1.65em;}
    .timeline_img{width: 50%; box-sizing: border-box; float: right;}
    .timeline_img img{opacity: 0; transition: .4s; transform: translateX(10%);}
    .timeline_item:nth-child(2n) img{transform: translateX(-10%);}
    .timeline_item.show img{opacity: 1; transform: translateX(0);}
    .timeline_item:nth-child(2n) .timeline_infoArea{float: right;}
    .timeline_item:nth-child(2n) .timeline_img{float: left;}
    /* 20210901 추가 : timeline anchor// */
    .history_timeAnchor li + li{padding-left: 60px;}
    .history_timeAnchor li + li::before{width: 6px; height: 6px; left: 30px;}
    .history_timeAnchor li a{font-size: 32px;}
    /* //20210901 추가 : timeline anchor */
    .timelineSticky{padding: 20px 0;}/* 20210914 수정 : header fix */ /* 20220204 수정 */
    .sticky .timelineSticky{top:0px}/* 20210914 추가 : header fix */ /* 20220204 수정 */
    /* //20210824 추가 : History */
    /* //20210903 수정 : timeline sticky */

    /* 20210826 추가 : ESG// */
    /* 20210915 수정 :: S */
    /* 20220419 수정 :: s */
    .esg {padding-bottom: 0;margin-top: -140px;}
    .esg_titWrap {font-size: 0; text-align: center; margin-bottom: 96px;}
    .esg_titWrap > p {display: inline-block; font-size: 41px; margin-right: 12px; margin-bottom: 0; letter-spacing: -0.01em;}
    .esg_titWrap > p:last-child {margin-right: 0;}
    .esg_imgWrap {background: url(../images/temp/@esg_pc.png) no-repeat; background-position: center;  padding-top: 56%; background-size: contain; max-width: 1259px; margin: 0 auto;}
    .esg_conWrap {max-width: 1261px; padding: 0 53px; margin: 91px auto 0 auto; box-sizing: border-box;}
    .esg_subTit {font-size: 45px; line-height: 46px; margin-left: 0; padding-left: 50px; letter-spacing: -0.04em;}
    .esg_subTit::before {top: 5px; left: 0; width: 49px; height: 49px;}
    .esg_conInner > div{margin-bottom: 46px;}
    .esg_conInner > div:last-child .esg_con {border-bottom: none;}
    .esg_con{padding-bottom: 47px;}
    .esg_con > div {margin-top: 39px; display: inline-block; vertical-align: middle;}
    .esg_conLeft {width: 32%; padding-left: 49px; box-sizing: border-box;}
    .conLeft_list02 {padding-left: 30px; box-sizing: border-box;}
    .esg_conRight {width: 68%; padding-right: 3%; box-sizing: border-box;}
    .esg_con > div > ul li {font-size: 22px; line-height: 1.55em; background-position: left 15px;}
    .esg_con > div > ul li::before{width: 3px; height: 3px; top: 0.83em; margin-top: 0;}
    .esg_conLeft > * {width: 50%; box-sizing: border-box; padding: 0 2%;}
    .esg_conRight > div:last-child {width: 45%;}
    .esg_conRight p {font-size: 70px; line-height: 45px; text-align: center;}
    .esg_conRight p em {font-size: 40px;}
    .esg_conRight p em.pa_rt {top: 25px; right: -100px;}
    .esg_conRight p span {font-size: 16px; line-height: 25px; margin-top: 20px;}
    .esg_con .esg_conLeft > ul{width: 100%;}
    .esg_statistics{padding: 89px 0 95px; font-size: 0;}
    .esg_cont{padding: 100px 0 110px;}
    .esg_contList{font-size: 0;}
    .esg_contItem{display: inline-block; vertical-align: top; width: calc((99.999% - 90px) / 3); margin-left: 45px; margin-top: 90px;}
    .esg_contItem:nth-child(3n - 2){margin-left: 0;}
    .esg_contItem:first-child,.esg_contItem:nth-child(2),.esg_contItem:nth-child(3){margin-top: 0;}
    .esg_contInfo{margin-top: 16px;}
    .esg_contTit{font-size: 30px;}
    .esg_date{font-size: 20px; margin-top: 21px;}
    .esg_willbe{font-size: 22px; padding: 34px 0 0;}
    .esg_conInner > div:last-child .esg_con > div{margin-top: 20px;}
    /* 20220419 수정 :: e */
    /* 20210915 수정 :: E */
    /* //20210826 추가 : ESG */

    /* 20210827 추가 : 텍스트 애니메이션// */
    .aboutMain_mainAni{top: calc(50% + 46px);}
    .aboutMain_mainAni.ci_mainAni {top: calc(40% + 46px);} /* 20230619 추가 */
    .elandTxtShow p{font-size: 50px; line-height: 1.2em;}
    .elandTxtShow_bot > span{font-size: 50px;}
    /* 20210830 aboutMain 수정// */
    @keyframes showCenter{
        0%{max-width: 0; opacity: 0;}
        /* 20230615 추가 S : CI 소개 페이지 */
        50%{max-width: 400px;opacity: 0;}
        100%{max-width: 400px;opacity: 1;}
        /* 20230615 추가 E : CI 소개 페이지 */
    }
    /* //20210830 aboutMain 수정 */
    /* //20210827 추가 : 텍스트 애니메이션 */
    
    /* 20210906 추가 : brand list// */
    .business_keyword{padding-top: 88px; overflow: hidden;}
    .business_keyword .swiper-container{overflow: visible;}
    .keywordList_item.swiper-slide{padding: 0 16px; width: auto!important;}
    .keywordList_item.swiper-slide:first-child{padding-left: 0;}
    .keywordList_item.swiper-slide:last-child{padding-right: 0;}
    .keywordList_item a{font-size: 30px;}
    .keywordList_item.on a{border-bottom-width: 2px;}
    .business_brandList{padding-top: 70px;}
    .brandList_item{width: calc((100% - 120px) / 5); margin-bottom: 30px;}
    .brandItem_name{font-size: 30px;}
    .brandItem_viewMore{height: 30px; line-height: 30px; padding:0 12px; font-size: 18px; margin-top: 15px;}
    .brandList_item-sizer{width: calc((100% - 120px) / 5);}
    .brandList_item-gutter{width: 30px;}
    .popWrap{height: 100%; top: 0;}
    .brandPop{top:50%; left: 50%; transform: translate(-50%, -50%); height: auto; max-width: 800px ; width: 100%;}
    .brandPop_close{position: absolute; top: 25px; right: 25px; width: 55px; height: 55px; background-size: 300px 600px; background-position: -55px -212px;}
    .brandPop_cont{height: auto; max-height: 90vh;}
    .brandPop_cont > div:last-child{margin-bottom: 60px;}
    .brandPop_logo p{width: 120px; height: 120px;}
    .brandPop_info{padding: 8px 60px 0;}
    .brandPop_tit{font-size: 40px;}
    .brandPop_desc{font-size: 20px; margin-top: 52px;}
    .brandPop_icons{margin-top: 38px;}
    .brandPop_icons li{margin-left: 40px;}
    .brandPop_icons li:first-child{margin-left: 0;}
    .brandPop_hp{width: 40px; height: 37px;}
    .brandPop_in{width: 36px; height: 36px;}
    .brandPop_yu{width: 42px; height: 29px;}
    .brandPop_as{width: 37px; height: 37px;}
    .brandPop_gp{width: 32px; height: 36px;}
    .brandPop_slide{margin-top: 60px; padding: 0 90px;}
    .brandPop_slide .slick-arrow{margin-top: -29px; width: 30px; height: 58px;}
    .brandPop_slide .slick-prev{left: 40px;}
    .brandPop_slide .slick-next{right: 40px;}
    /* //20210906 추가 : brand list */
    
    /* 20210908 추가 : 공유하기// */
    .shareBtn_btn{font-size: 20px; padding-left: 32px; background-size: 18px 19px}
    .shareBtn_pop{top: 40px; padding: 40px 55px; width: 410px;}
    .shareBtn_pop > a{width: 80px; padding-top: 97px; background-size: 80px; margin-left: 30px; font-size: 18px;}
    .shareBtn_pop > a:first-child{margin-left: 0;}
    .viewMgzn_share{padding: 53px 0 45px 0;}/* 20221122 수정 */
    .viewMgzn_share .container {display: flex; justify-content: flex-end;}/* 20250611 추가 */
    
    /* 20230609 추가 :: S */
    .views_wrap {width: 760px; margin: 0 auto; text-align: left;}
    .views_wrap .views p {font-size: 20px;}
    /* .viewMgzn_btnWrap {position: absolute; top: -6px; right: 40px;} 20250611 삭제 */
    /* 20230609 추가 :: E */
    /* //20210908 추가 : 공유하기 */

    /* 20221122 수정 :: S */
    .viewMgzn_btnArea{display: inline-block; vertical-align: middle;}
    .viewMgzn_btn{font-size: 20px; display: inline-block;}
    .viewMgzn_btnArea + .viewMgzn_btnArea{margin-left: 25px; margin-top: 0;}
    .viewMgzn_btn-ask{padding-left: 32px; background-image: url('../images/common/ico/ico_ask_pc.png'); background-size: 19px; margin-right: 0;}
    .viewMgzn_btn-txt{font-size: 18px; border-width: 2px;}
    /* 20221122 수정 :: E */
    
    /* 20210916 추가 : 관련컨텐츠 수정// */
    .viewMgzn_prd{position: relative;}
    .viewMgzn_prdArea .prdSlide{overflow: visible;}
    .prdSlide_counter{display: block; font-size: 28px; letter-spacing: -0.05em; position: absolute; top: 1px; right: 57px; transform: translateX(50%);}
    .prdSlide_curPage{font-weight: 600;}
    .prdSlide_slash{font-weight: 100;}
    .prdSlide .slick-arrow{position: absolute; top: -73px; width: 11px; height: 21px; background-size: contain; background-position: center; background-repeat: no-repeat; text-indent: -9999px;}
    .prdSlide .slick-arrow.slick-prev{background-image: url('../images/common/ico/arwLeft_11x21_black.png'); right: 101px;}
    .prdSlide .slick-arrow.slick-next{background-image: url('../images/common/ico/arwRight_11x21_black.png'); right: 0;}
    /* //20210916 추가 : 관련컨텐츠 수정 */

    /* 20211208 추가 : 매거진 상품태그// */
    .viewMgzn_prdTag{padding: 0 52px;}
    .imgTag_tagPositioner{margin-top: -12px; margin-left: -12px; opacity: 0; transition: .4s;}/* 20211220 수정 : 상품태그 수정 */
    .imgTag_topArea:hover .imgTag_tagPositioner{opacity: 1;}/* 20211220 추가 : 상품태그 수정 */
    .imgTag_tagPositioner.showOnPc{opacity: 1;}/* 20211220 추가 : 상품태그 수정 */
    .imgTag_tagBtn{padding: 0;}
    .imgTag_tagBtnBg{width: 24px; height: 24px; cursor: pointer;  transition: .2s; background-image: url('../images/common/ico/ico_tagBtn_pc_on.png');}/* 20220104 수정 */
    .imgTag_tagBtnBg.inactive{background-image: url('../images/common/ico/ico_tagBtn_pc.png');}/* 20220104 수정 */
    /* .imgTag_tagBtnBg::before,.imgTag_tagBtnBg::after{width: 10px; height: 2px; margin-top: -1px; margin-left: -5px;} 20220104 삭제 */

    .taggedSlide .slick-track{padding: 50px 0;} /* 20220111 추가 */
    .imgTag_topArea .hideOnPc.imgTag_tagPositioner, .imgTag_topArea .hideOnPc.imgTag_popPositioner{opacity: 0;}
    .imgTag_popPositioner.fromTop{padding-top: 20px;}
    .imgTag_popPositioner.fromTop.fromLeft{margin-left: -22px;}
    .imgTag_popPositioner.fromTop.fromRight{margin-left: 22px;}
    .imgTag_popPositioner.fromBottom{padding-bottom: 20px;}
    .imgTag_popPositioner.fromBottom.fromLeft{ margin-left: -22px;}
    .imgTag_popPositioner.fromBottom.fromRight{margin-left: 19px;}

    .fromTop .tagPop::after{border-bottom: 10px solid rgba(255,255,255,0.8); border-right: 7px solid transparent; border-left: 7px solid transparent; top: -10px;}
    .fromBottom .tagPop::after{border-top: 10px solid rgba(255,255,255,0.8); border-right: 7px solid transparent; border-left: 7px solid transparent; top: 100%;}

    .tagPop{width: 300px;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
    /* 20220111 수정 :: s */
    .tagPop a{padding: 15px;}
    .tagPop_imgArea{width: 100px; height: 100px;} 
    .tagPop_infoArea{width: calc(100% - 100px);}
    /* 20220111 수정 :: e */
    .tagPop_brand{font-size: 14px;}
    .tagPop_name{font-size: 16px; margin-top: 4px;}
    .tagPop_price{font-size: 18px; margin-top: 4px;}
    .tagPop_shopNow{font-weight: 400; font-size: 16px; margin-top: 15px; padding: 7px 0;}/* 20220104 추가 */ /* 20220111 수정 */
    .imgTag_toggleTag{display: none;}/* 20211220 수정 */
    

    /* .imgTag_botArea{margin-top: 20px} */ /* 20220111 수정 */
    .taggedSlide_arrow{display: block!important; position: absolute; top: 50%; margin-top: -40px; width: 52px; height: 80px; background: no-repeat center / 22px 44px; text-indent: -9999px; cursor: pointer; opacity: 0; transition: .4s;}
    .taggedSlide_arrow.slick-prev{background-image: url('../images/common/ico/arwLeft_22x44.png'); left: -52px;}
    .taggedSlide_arrow.slick-next{background-image: url('../images/common/ico/arwRight_22x44.png'); right: -52px;}
    .taggedSlide:hover + .taggedSlide_arrowWrapper .taggedSlide_arrow{opacity: 1;}
    .taggedSlide_arrowWrapper:hover .taggedSlide_arrow{opacity: 1;}

    .taggedSlide .slick-list{margin-right:0;}
    .taggedSlide_item{margin-right: 20px;}

    .active .taggedSlide_imgArea::after{border-width: 3px;} 
    .taggedSlide::after, .taggedSlide::before{width: 30px;}
    /* //20211208 추가 : 매거진 상품태그 */

    .prdPurchase_imgArea {margin: 0;} /* 20220111 추가 */
    /* 20220708 추가 :: S */
    .prdPurchase_col2{width: auto;}
    .prdPurchase_col2 + .prdPurchase_col2{margin-left: 50px;}
    p.prdPurchase_btnDesc{font-size: 26px; padding-bottom: 37px;}
    .prdPurchase_col2 .prdPurchase_viewMore{padding: 15px 35px; font-size: 20px; border-top-left-radius: 8px; border-bottom-right-radius: 8px;}
    .prdPurchase_col2 .prdPurchase_viewMore span{padding-right: 38px; background-size: 29px 6px;}
    /* 20220708 추가 :: E */
    
    /* 20221122 추가 :: S */
    .msg{padding: 300px 0;}
    .msg_desc{font-size: 22px; line-height: 1.4;}
    .msg_btnArea{margin-top: 85px;}
    .msg_btn{font-size: 20px; height: 50px; line-height: 50px; padding: 0 62px;}
    .msg_btn+.msg_btn{margin-left: 10px;}
    /* 20221122 추가 :: E */
    
    /* 20221128 추가 :: S */
    .msgIntro{padding: 73px 0 90px;}/* 20230209 수정 */
    .msgIntro_thumb{width: 50%; float: left; padding-right: 30px; box-sizing: border-box;}/* 20230111 수정 */
    .msgIntro_cont{width: 50%; float: left; padding: 0;}/* 20230111 수정 */
    .msgIntro_date{font-size: 20px;}
    .msgIntro_badge{height: 26px; line-height: 24px; font-size: 18px; padding: 0 14px;}
    .msgIntro_tit{font-size: 30px; line-height: 1.4; margin-top: 11px;}/* 20230111 수정 */
    .msgIntro_desc{font-size: 18px; margin-top: 21px;}/* 20230111 수정 */
    .msgIntro_tagList{margin-top: 61px;}
    .msgIntro_none{background-image: url('../images/common/bg/bg_msg_pc.jpg');}

    
    .msgDetail_titArea{padding-top: 90px; margin-bottom: 70px;}
    .msgDetail_tit{font-size: 40px;}
    .msgDetail_info{padding-bottom: 20px; margin-top: 70px;}
    .msgDetail_date{font-size: 20px;}
    .msgDetail_countTit{font-size: 20px;}
    .msgDetail_countDown{min-width: 106px;}
    .msgDetail_countDown li{display: inline-block; vertical-align: top; font-size: 20px;}
    .msgDetail_countDown .seperator{margin: 0 5px;}
    /* 20221209 수정 :: S */
    .msgDetail_subBtnArea{margin: 100px 0;}
    .msgDetail_drawBtnArea{margin: 100px 0;}
    .msgDetail_drawBtn{font-size: 21px; height: 50px; line-height: 50px; padding: 0 65px;}
    .msgDetail_subBtn{font-size: 20px; height: 29px; line-height: 29px; padding: 0 10px;}
    /* 20221209 수정 :: E */
    /* 20221128 추가 :: E */
    
    /* 20221214 추가 :: S */
    .privacy{padding: 80px 0 70px;}
    .privacy_titArea{margin-bottom: 50px;}
    .privacy_tit{font-size: 34px; padding-left: 20px; border-left: 6px solid #e5132e;}
    .privacy_sel{height: 50px; line-height: 48px; padding: 0 115px 0 20px; margin-top: -25px; right: 0; background-position: calc(100% - 20px) center; background-size: 14px auto; font-size: 20px;}
    .privacy_content{padding: 20px; height: 60vh;}
    /* 20221214 추가 :: E */
    
    /* 20230111 추가 :: S */
    /* 20230209 수정 :: S */
    .msgIntro_csoon{padding: 0 0 78px; font-size: 46px; font-weight: 500; line-height: 1.3;}
    .msgIntro_leftTime{padding: 7px 0 111px; font-size: 0; text-align: center;}
    /* .leftTime_tit{font-size: 24px; display: inline-block; vertical-align: top; margin-top: 12px; margin-right: 28px;} */
    /* 20230209 수정 :: E */
    .leftTime_countDown{margin-top: 0; display: inline-block; vertical-align: top;}
    /*.leftTime_countDown span{width: 58.5px; font-size: 46px; font-weight: 400;}*/
    .leftTime_countDown span{min-width: 58.5px; font-size: 46px; font-weight: 400;}/* 20250508 수정 : career 페이지 개편 */
    .leftTime_countDown .seperator{font-size:39px; margin: 0 12px; margin-top: 5px;}
    .leftTime_countDown .days::after, .leftTime_countDown .hours::after, .leftTime_countDown .minutes::after, .leftTime_countDown .seconds::after{font-size: 13px; margin-top: 7px;}
    .msgIntro_tag{font-size: 16px;}/* 20230209 수정 */
    /* .msgIntro_priceWrap{margin-top: 39px;} 20230209 삭제 */
    .msgIntro_priceBefore{font-size: 20px;}
    .msgIntro_priceAfter{font-size: 28px; margin-left: 21px;}/* 20230209 수정 */
    .msgIntro_detailWrap{padding-top: 59px; margin-top: 22px;}/* 20230209 수정 */
    /* 20230209 수정 :: S */
    .msgIntro_detail dt{font-size: 18px;}
    .msgIntro_detail dd{font-size: 18px; margin-top: 15px;}
    .msgIntro_applyBtn{position: static; height: 70px; line-height: 70px; font-size: 26px;}
    .kakao-tooltip_wrap .msgIntro_applyBtn{flex: 1;height: 70px;line-height: 70px;margin-top: 25px;}/* 20230728 추가 */
    /* 20230209 수정 :: E */
    .msgSlide{padding: 0; margin-top: 60px;}/* 20230209 수정 */
    .msgSlide::after{content:''; display: block; clear: both;}
    .msgSlide .slick-list{overflow: visible; margin: 0 -10px;}
    .msgSlide_item{margin: 0; width: 50%; float: left; box-sizing: border-box; padding-right: 30px;}
    .msgSlide_item a{display: block;}
    .msgSlide_item a::after{content: ''; display: block; clear: both;}
    .msgSlide_thumb{width: 52.5%; float: left;}
    .msgSlide_cont{width: 47.5%; float: left; padding-left: 30px; padding-top: 0; box-sizing: border-box;}
    .msgSlide_tit{font-size: 22px;}
    .msgSlide_desc{font-size: 16px; line-height: 1.5; max-height: 6.4em; -webkit-line-clamp: 4; margin-top: 17px;}/* 20230209 수정 */
    .msgSlide_priceWrap{margin-top: 35px;}
    .msgSlide_priceBefore{font-size: 16px;}
    .msgSlide_priceAfter{font-size: 20px; margin-left: 22px;}
    .msgSlide_detailWrap{padding-top: 21px; margin-top: 22px; border-top: 1px solid rgba(170,170,170,1);}
    /* 20230209 수정 :: S */
    .msgSlide_detail dt{font-size: 16px; width: 85px;}
    .msgSlide_detail dd{font-size: 16px; width: calc(100% - 85px);}
    .msgInfo_btn{font-size: 16px; line-height: 20px; font-weight: 400;}
    .msgInfo_btns .shareBtn{margin-left: 41px;}
    .msgInfo_subBtn{padding-left: 27px; background: url('../images/common/ico/ico_draw_subs.png') no-repeat left center / 19px;}
    .msgInfo_shareBtn{padding-left: 26px;  background: url('../images/common/ico/ico_draw_share.png') no-repeat left center / 18px 19px;}
    .msgInfo_shareBtn::before{height: 20px; left: -20px; margin-top: -10px;}
    /* 20230209 수정 :: E */
    .msgCont{margin-top: 200px; padding-bottom: 60px;}/* 20230209 수정 */
    /* 20230111 추가 :: E */
    /* 20230209 추가 :: S */
    .msgIntro_bots{margin-top: 51px;}
    .msgInfo_btns{padding-top: 8px;}
    .msgIntro_priceUint{font-size: 20px;}
    .msgSlide_priceUint{font-size: 16px;}
    /* 20230209 추가 :: E */
    
    /* 20230413 추가 S : 상세 순위 리스트 */
    .detailList .detailList_tit {font-size: 35px;}
    .detailList .detailList_tit span {font-weight: 800;}
    .detailList .searchResult_list {margin-top: 70px;}
    /* 20230413 추가 E : 상세 순위 리스트 */
    
    /* 20230615 추가 S : CI 소개 페이지 */
    .ci_btnWrap {width: 280px; top: 65%;}
    /* 20230622 수정 및 추가 S */
    .btnIntro_down {padding: 20px 0; font-size: 22px;}
    .btnIntro_down::after {background-image: url('../images/common/ico/ico_down_white_pc.png'); width: 18px; height: 19px; margin-left: 12px;}
    /* 20230622 수정 및 추가 E */
    .ci_section {padding: 140px 0;}
    .ci_section h4 {font-size: 54px; margin-bottom: 40px;}
    .ci_section p {font-size: 26px; line-height: 40px;}
    .ci_section p br {display: none;}
    .ci_section p br.pc {display: block;}
    .ci_section .symbol_mark {width: 36.5%; margin-top: 100px;}
    .ci_section .symbol_mark.detail {width: 44.5%; padding-top: 80px; margin-top: 80px;}
    .ci_section .symbol_mark.detail::before {width: calc(100% + 160px);}
    .ci_section .logoType_wrap {display: flex; justify-content: center; align-items: center; margin-top: 80px;}
    .ci_section .logoType_wrap .logoType {margin-top: 0;}
    .ci_section .logoType_wrap .logoType + .logoType {margin-left: 40px;}
    .ci_section .download_wrap {margin-top: 40px;}
    .ci_section .download_wrap div {width: 212px;}
    .ci_section .download_wrap div + div {margin-left: 40px;}
    /* 20230622 수정 및 추가 S */
    .ci_section .download_wrap a {padding: 17px 0; font-size: 17px;}
    .ci_section .download_wrap a::after {width: 14px; height: 14px; background-image: url('../images/common/ico/ico_down_gray_pc.png'); margin-left: 7px;}
    /* .ci_section .download_wrap div:first-child a {background-position: 156px 17px;} */
    /* 20230622 수정 및 추가 E */
    .ci_section .min_rule {width: 63.9%; margin: 80px auto 0;}
    .ci_section .min_rule + .min_rule {margin-top: 100px;} 
    .ci_section .min_rule strong {font-size: 32px; margin-bottom: 50px;}
    .ci_section .min_rule span {font-size: 22px; margin-top: 50px; line-height: normal;}
    .ci_section .min_rule span br {display: none;}
    .ci_section .color_sys_list {margin: 80px auto 0; display: flex; width: 63.9%; justify-content: space-between;}
    .ci_section .color_sys_list li {width: 280px; padding: 26px 30px;}
    .ci_section .color_sys_list li > div {flex-direction: column;}
    .ci_section .color_sys_list li + li {margin-top: 0; margin-left: 38px;}
    .ci_section .color_sys_list li .left span {font-size: 20px; margin-bottom: 15px;}
    .ci_section .color_sys_list li .left strong {font-size: 32px;}
    .ci_section .color_sys_list li .right {margin-top: 50px;}
    .ci_section .color_sys_list li .right p {text-align: left; font-size: 16px;}
    .ci_section .color_sys_list li .right p + p {margin-top: 15px;}
    /* 20230615 추가 E : CI 소개 페이지 */
    
    /* 20231018 추가 S :: ESG 리포트 #9491 */
    .esg_report {padding: 90px 40px; background: url('../images/temp/@esg_report_pc.png') no-repeat;}
    .esg_report h4 {font-size: 50px;}
    .esg_report p {font-size: 26px; line-height: 40px; margin-top: 40px;}
    .esg_report p br.mo {display: none;}
    .esg_report p br.pc {display: block;}
    .esg_report .esg_report_btn {margin-top: 60px; gap: 38px;}
    .esg_report .esg_report_btn button {font-size: 17px; font-weight: 500; border-width: 2px; border-radius: 25px; padding: 16px 52px;}
    .esg_report .esg_report_btn button::after {content: ''; width: 14px; height: 14px; margin-left: 8px; background: url('../images/common/ico/ico_down_white_pc_14.png') no-repeat center / contain;}
    /* 20231018 추가 E :: ESG 리포트 #9491 */
    
    /* 20250423 추가 : best 영역 추가 #20566 :: S */
    .bestSection {
      padding: 80px 0 100px;
    }
    .bestSection_titArea {
      padding: 0;
      margin-bottom: 60px;
    }
    .bestSection_tit {
      font-size: 30px;
    }
    .bestSection_tit::before {
      width: 6px;
      height: 22px;
      margin-right: 19px;
    }
    .bestSection_slideArea {
      padding: 0;
      overflow: visible;
    }
    .bestSection_slide.swiper-container {
      overflow: hidden;
    }
    .bestItem {
      padding-top: 22px;
    }
    .bestItem_rank {
      font-size: 50px;
      line-height: 40px;
      right: 28px;
    }
    .bestItem .magazineItem_tags li a {
      background: #353332;
      border-color: #8e8f8f;
    }
    .bestSection_slideArea .swiper-button-prev,
    .bestSection_slideArea .swiper-button-next {
      height: 112px;
      width: 57px;
      top: calc((100% - 102px) / 2 + 10px);
    }
    .bestSection_slideArea .swiper-button-prev {
      background: url("../images/common/ico/arwLeft_57x112_white.png") no-repeat
        center / cover;
      left: -117px;
    }
    .bestSection_slideArea .swiper-button-next {
      background: url("../images/common/ico/arwRight_57x112_white.png") no-repeat
        center / cover;
      right: -117px;
    }
    /* 20250423 추가 : best 영역 추가 #20566 :: E */
    
    /* 20250508 추가 : career 페이지 개편 :: S */
    .careerList {
      padding: 90px 0 0;
    }
    .careerListFilter_desc {
      font-size: 18px;
    }
    .careerListFilter_select {
      font-size: 18px;
      padding-right: 25px;
      background-image: url('../images/common/ico/arwDown_11x7_white.png');
      background-size: 11px;
    } 
    /* 20250710 기존 careerItem 관련 내용 삭제 :: S  */
    /*
    .careerItem {
      padding: 60px 0;
      display: flex;
      align-items: stretch;
      gap: 40px;
      width: 100%;
    }
    .careerItem_img {
      width: 330px;
    }
    .careerItem_img-pc {
      display: none;
    }
    .careerItem_img-mo {
      display: block;
    }
    .careerItem_desc {
      margin-top: 0;
      flex-grow: 1;
    }
    .careerItem_cate {
      font-size: 20px;
      font-weight: 700;
    }
    .careerItem_title {
      font-size: 26px;
      margin-top: 20px;
    }
    .careerItem_info {
      gap: 15px;
      margin-top: 32px;
    }
    .careerItem_infoType {
      font-size: 18px;
      padding-right: 15px;
    }
    .careerItem_infoType::after {
      height: 20px;
      margin-top: -10px;
    }
    .careerItem_infoDate {
      font-size: 18px;
    }
    .careerItem_dday {
      margin-top: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 328px;
      position: relative;
    }
    .careerItem_ddayText {
      font-size: 56px;
    }
    .careerItem_applyBtn {
      display: block;
      height: 70px;
      font-size:26px;
      font-weight: 500;
      margin-top: 33px;
    }
    .careerItem-ended .careerItem_applyEnded-mo {
      display: none;
    }
    .careerItem_applyEnded-pc {
      display: none;

    }
    .careerItem-ended .careerItem_applyEnded-pc {
      display: block;
      width: 160px;
      height: 160px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: url('../images/common/ico/applyEnded_pc.png') no-repeat center / cover;
      z-index: 1;
    }
    */
    /* 20250710 기존 careerItem 관련 내용 삭제 :: E  */
    .careerList_viewMoreArea {
      margin-top: 80px; /* 20250710 수정 */
    }
    .careerList_viewMore{
      font-size: 18px;
      font-weight: 700;
      padding: 0 12px;
    }
    .careerEndList_viewMoreArea {
      padding: 100px 0 120px;
    }
    .careerEndList_viewMore{
      font-size: 18px;
      font-weight: 700;
      padding: 0 12px;
    }

    .careerDetail {
      padding-bottom: 120px;
    }
    .careerDetail_leftTime {
      padding: 90px 0 110px;
      text-align: center;
    }
    /* 20250710 수정 :: S */
    .careerDetail_header {
      padding-bottom: 80px;
      margin-bottom: 80px;
      display: flex;
      align-items: flex-start;
      gap: 45px;
    }
    /* 20250710 수정 :: E */
    .careerDetail_img {
      width: 450px;
    }
    /* 20250710 수정 :: S */
    .careerDetail_infoCont {
      display: flex;
      flex-direction: column;
      margin-top: 0;
      flex-grow: 1;
      position: relative;
      min-height: 253px;
    }
    /* 20250710 수정 :: E */
    .careerDetail_info > span {
      font-size: 16px;
      margin-right: 16px;
      padding-right: 16px;
    }
    .careerDetail_info > span::after{
      height: 15px;
      margin-top: -7.5px;
    }
    .careerDetail_tit {
      font-size: 28px;
      line-height: 40px;
      margin-top: 16px;
    }
    .careerDetail_desc {
      font-size: 18px;
      line-height: 32px;
      margin-top: 24px;
    }
    /* 20250710 수정 :: S */
    .careerDetail_applyBtn {
      width: 300px;
      height: 70px;
      font-size: 26px;
      font-weight: 500;
      margin-top: auto;
      margin-left: auto;
    }
    /* 20250710 수정 :: E */
    .careerDetail_body {
      padding-bottom: 75px;
    }
    .careerDetail_footer {
      padding: 60px 0;
    }
    .careerDetail_footerTit {
      font-size: 36px;
    }
    .careerDetail_footerSubTit {
      margin-top: 30px;
      font-size: 20px;
      line-height: 36px;
    }
    .careerDetail_footerEmail {
      font-size: 20px;
      line-height: 36px;
    }

    .careerDetail_header-ended .careerDetail_desc {
      display: block;
    }
    /* 20250710 수정 :: S */
    .careerDetail_img .careerDetail_applyEnded {
      width: 160px;
      height: 160px;
      background: url("../images/common/ico/applyEnded_red_pc.png") no-repeat center / cover;
    }
    /* 20250710 수정 :: E */
    /* 20250508 추가 : career 페이지 개편 :: E */
    
        /* 20250611 추가 :: S */
    .viewMgzn_writeInfo {
      padding: 0 20px 40px;
      max-width: 800px;
      box-sizing: border-box;
      margin: 0 auto;
      flex-direction: row;
    }
    .viewMgzn_writeInfo.mo {
      display: none;
    }
    .viewMgzn_writeInfo.pc {
      display: flex;
    }
    .viewMgzn_writer {
      font-size: 20px;
    }
    .viewMgzn_writeDate {
      flex-direction: row;
      gap: 16px;
      font-size: 18px;
    }
    /* 20250611 추가 :: E */
    
    /* 20250620 추가 :: S */
    .ekiHowList_filter {
      padding-top: 0;
    }
    .ekiHowList_filter + .mgznList_list {
      margin-top: 0;
      padding-top: 71px;
    }
    /* 20250620 추가 :: E */
    
    /* 20250710 추가 :: S */
    .careerList_banner{height: 120px; line-height: 120px; font-size: 41px;}
    .careerList_container {
      padding: 0 0 110px;
      gap: 90px;
    }
    .careerItem {
      flex-direction: row;
      gap: 35px;
      align-items: stretch;
    }
    .careerItem_img {
      width: 260px;
    }
    .careerItem_imgDday {
      display: none;
    }
    .careerItem_infoContainer {
      flex-grow: 1;
    }
    .careerItem_titleWrap {
      gap: 16px;
    }
    .careerItem_cate {
      font-size: 20px;
    }
    .careerItem_title {
      font-size: 26px;
    }
    .careerItem_descWrap {
      gap: 16px;
      font-size: 18px;
      margin-top: auto;
    }
    .careerItem_divider {
      height: 16px;
    }
    .careerItem_btnContainer {
      margin-top: 0;
      width: 258px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .careerItem_dday {
      display: block;
      font-size: 48px;
      color: #e5132e;
      font-weight: 700;
    }
    .careerItem_applyBtn {
      height: 64px;
      font-size: 24px;
      margin-top: 25px;
    }
    .careerList_toggleContainer {
      gap: 80px;
    }
    .careerList_toggleBtn {
      font-size: 24px;
    }
    .careerList_toggleIcon {
      width: 20px;
      height: 12px;
    }
    .careerList_item.ended .careerItem_imgContainer {
      display: block;
    }
    .careerList_item.ended .careerItem_btnContainer {
      display: flex;
    }
    .careerList_item.ended .careerItem_applyEnded {
      display: block;
      width: 120px;
      height: 120px;
      background: url('../images/common/ico/applyEnded.png') no-repeat center / cover;
      position: relative;
      z-index: 1;
    }
    .careerList_empty {
      font-size: 28px;
      padding: 130p x 0;
    }
    /* 20250710 추가 :: E */
    
    /* timesale */
    .timesale_container {
      bottom: auto;
      left: auto;
      right: 0;
      top: 257px;
      width: auto;
      background: #353535;
      border-radius: 0;
      padding-bottom: 0;
      display: flex;
      align-items: center;
    }
    .timesale_bar {
      width: 82px;
      height: 432px;
      padding-right: 42px;
      display: flex;
      justify-content: flex-end;
      background: url('../images/common/ico/ico_timesale_close.svg') no-repeat left top / 40px;
    }
    .timesale_verticalTxt {
      display: flex;
      width: 432px;
      height: 42px;
      transform: rotate(-90deg);
      transform-origin: right top;
      box-sizing: border-box;
      padding: 10px 11px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-top: 1px solid var(--eGray_200);
      border-bottom: 1px solid var(--eGray_200);
      background: var(--eWhite);
      color: var(--eGray_900);
      text-align: center;
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      white-space: nowrap;
    }
    .timesale_cont {
      padding: 0;
      padding-right: 32px;
      padding-left: 24px;
    }
    .timesale_titleWrap {
      align-items: flex-start;
    }
    .timesale_title {
      font-weight: 500;
    }
    .timesale_prd {
      gap: 16px;
      margin-top: 24px;
    }
    .timesale_review {
      font-size: 14px;
      font-weight: 500;
      line-height: 21px;
    }
    .timesalePrd_img {
      width: 122px;
    }
    .timesalePrd_name {
      margin-top: 2px;
    }
    .timesalePrd_sale {
      font-size: 18px;
    }
    .timesalePrd_realPrice {
      font-size: 18px;
      color: #000;
    }
    .timesale_button {
      margin-top: 16px;
    }
    .timesale_button > .button.button-48 {
      padding: var(--btn-padding-56);
      height: var(--btn-height-56);
      line-height: var(--btn-height-56);
      font-size: 20px;
      border-width: 2px;
    }
    .timesale_character_beforeOpen {
      width: 189px;
      height: 304.88px;
      right: auto;
      left: 100%;
      top: 149px;
      background: url('../images/common/bg/timesale_bg_beforeOpen_pc.png') no-repeat center / 189px 304.88px;
    }
    .timesale_character_closed {
      width: 120.47px;
      height: 243.6px;
      right: auto;
      left: 100%;
      top: 155px;
      background: url('../images/common/bg/timesale_bg_closed_pc.png') no-repeat center / 120.47px 243.6px;
    }

    /* timesale off */
    .timesale.off .timesale_container {
      transform: translateX(100%);
    }

    /* timesale open */
    .timesale.open .timesale_title-beforeOpen {
      display: none;
    }
    .timesale.open .timesale_title-open {
      display: block;
    }

    /* timesale beforeOpen */
    .timesale.beforeOpen .timesale_container {
      transform: translateX(calc(100% - 189px));
    }
    .timesale.beforeOpen .timesale_cont {
      visibility: hidden;
    }
    .timesale.beforeOpen .timesale_character_beforeOpen {
      transform: translateX(-189px);
    }

    /* timesale closed */
    .timesale.closed .timesale_container {
      transform: translateX(calc(100% - 114px));
    }
    .timesale.closed .timesale_cont {
      visibility: hidden;
    }
    .timesale.closed .timesale_character_closed {
      transform: translateX(-120.47px);
    }
    /* 20251013 추가 :: E */
}

/* 20231018 추가 S :: ESG 리포트 #9491 */
@media all and (max-width:890px) and (min-width: 768px) {
    .esg_report {padding: 70px 40px;}
}
/* 20231018 추가 E :: ESG 리포트 #9491 */

/*
    =======================
    SUB - Tab(iPad pro 가로 이하? 미만?)
    =======================
*/
@media all and (max-width:1366px) and (min-width: 768px) {
    
    /* 20230518 추가 :: S */
    /* .kakao-tooltip {top: 60px;} 20230728 삭제 */
    /* 20230518 추가 :: E */
    
    /* 20220119 추가 :: s */
    .esg_con > div > ul li {font-size: 18px;}
    .esg_conRight p {font-size: 58px;}
    .esg_conRight p em {font-size: 25px;}
    .esg_conRight p em.pa_rt {top: 15px; right: -60px;}
    /* 20220119 추가 :: e */
    
    /* 매거진 리스트 */
    .mgznList_tit{line-height: 80px; height: 80px; font-size: 30px;}
    .mgznList_filter{padding-top: 40px;}
    .mgznList_cate > li a{font-size: 20px; padding-bottom: 10px;}
    /* .mgznList_keywords{margin-top: 25px;}
    .mgznList_keywordItem{padding: 0 40px;}
    .mgznList_keywordItem a{font-size: 20px;}
    .mgznList_keywordItem a.on{font-size: 22px;} 20211220 삭제 : 매거진 카테고리 */
    .mgznList_list{padding:60px 0;}
    .mgznList_filter + .mgznList_list{padding-top: 40px;}
    .mgznListSet-quad .mgznListSet_item, .mgznListSet .mgznListSet_item{width: calc((99.9% - 90px) / 4); margin: 0 0 0 30px} /* 20220111 수정 */
    .mgznListSet .mgznListSet_item:nth-child(2n - 1){margin-left: 30px;}
    .mgznListSet .mgznListSet_item:first-child{margin-left: 0;}
    .magazineItem-listItem .magazineItem_cate{font-size: 14px;}
    .magazineItem-listItem .magazineItem_tit{font-size: 20px;}
    .magazineItem-listItem .magazineItem_info{padding:25px 15px}
    .magazineItem-listItem .magazineItem_tags{margin-top: 17px; max-height: 27px;}
    .magazineItem-listItem .magazineItem_tags li a{font-size: 14px; line-height: 25px; height: 27px; padding: 0 12px;}
    .mgznListSet-quad .magazineItem_info{padding: 25px 15px;}
    .mgznList_viewMoreArea{padding-top: 60px;}
        
    /* 20211220 추가 : 매거진 카테고리 :: S */
    .mgznList_keywordItem.swiper-slide{padding: 0 15px;}
    .mgznList_keywordItem a{padding-bottom: 7px;}
    .mgznList_keywordItem a.on{border-bottom-width: 1px;}
    .mgznList_keywordIco{width: 23px; height: 22px; margin-right: 9px; margin-top: 4px;}
    .mgznList_keyword{font-size: 20px;}
    /* 20211220 추가 : 매거진 카테고리 :: E */

    /* 매거진 상세보기 */
    /* 20251013 수정 :: S */
    .viewMgzn_titArea {padding: 0 20px 32px 20px;}
    .viewMgzn_contInfo {margin: 32px auto 0;}
    /* 20251013 수정 :: E */
    .viewMgzn_subTitArea{margin-bottom: 30px;}
    .viewMgzn_subTit{font-size: 27px; padding-left: 17px;}
    .viewMgzn_subTit::before{height: 20px; margin-top: -10px;}
    /* .viewMgzn_cont{padding: 70px 0;} 20210624 삭제 : 본문 컨텐츠간 여백 삭제 */
    .viewMgzn_other{padding: 70px 0 81px; margin-top: 70px;}
    .viewMgzn_otherCont + .viewMgzn_otherCont{margin-top: 80px;}
    .viewMgzn_desc{font-size: 16px; margin-top: 20px;}
    .viewMgzn_tags{margin-top: 18px;}
    .viewMgzn_tags li{height: 27px; line-height: 25px; padding: 0 18px; font-size: 14px; margin-right: 7px;}
    .viewMgzn_date{font-size: 16px; margin-top: 25px;}
    .photoSlider_bot .photoSlider_counter{font-size: 22px; margin-top: -2px;}
    .photoSlider_thumb{width: calc(100% - 80px); margin-left: 80px;}
    .prdSlide .slick-list{margin: 0 -15px}
    .prdSlide_item{margin:0 15px;}
    .prdItem_info{margin-top: 20px;}
    .prdItem_brand{font-size: 20px;}
    .prdItem_name{font-size: 20px;}
    .prdItem_price{font-size: 20px; margin-top: 20px;}
    .relSlide .slick-list{margin: 0 -15px}
    .relSlide_item{margin: 0 15px}
    /* 20211215 추가//*/
    .relSlide-onlyMo .relSlide_item{width: calc((99.99% - 60px) / 3); margin: 0; margin-top: 45px; margin-left: 30px;}
    /* //20211215 추가 */
    /* 20210628 수정 : 뉴스 연관콘텐츠와 동일하게 수정// */    
    .relItem_cate{font-size: 17px;}
    .relItem_info{margin-top: 15px;}
    .relItem_tit{margin-top: 15px; font-size: 20px;}
    /* //20210628 수정 : 뉴스 연관콘텐츠와 동일하게 수정// */    
    .photoSlider_photo .slick-arrow{width: 35px; height: 70px; margin-top: -35px;}
    .photoSlider_photo .slick-prev{left: -70px;}
    .photoSlider_photo .slick-next{right: -70px;}

    /* 최신 뉴스*/
    .newsNew_list:before{width: calc(100% - 80px);}
    /* 20210827 삭제 : 뉴스배너 수정// */
    /* .newsNew_item a{padding-left: 60%;} */
    /* .newsNew_img{width: 60%;} */
    /* //20210827 삭제 : 뉴스배너 수정 */
    .newsNewSet .slick-arrow{display: none!important;} /* 20210716 추가 : 최신뉴스 버튼 추가 */

    /* 뉴스 리스트 */
    .newsList_list{padding: 60px 0 80px;}    
    .newsListSet > li{width: calc((99.99% - 60px) / 3); margin: 60px 0 0 30px;} /* 20210719 수정 : 미디어 */
    .newsListSet > li:first-child,
    .newsListSet > li:nth-child(2),
    .newsListSet > li:nth-child(3){margin-top: 20px;}
    .newsItem_cate{font-size: 18px;}
    .newsItem_tit{font-size: 24px;}
    .newsItem_date{font-size: 16px; margin-top: 18px;}
    .newsList_list .mgznList_viewMoreArea{padding: 80px 0 0;}

    /* 베스트 뉴스 */
    .container-exp{padding: 0 40px;}
    .bestSlide .slick-list{margin: 0 -15px;}
    .bestSlide_item{margin: 0 15px;}
    .bestItem_num{font-size: 40px;}    
    .bestSlide .slick-arrow{display: none !important;}

    /* 뉴스 상세보기 */
    .viewNews{padding-top: 80px;}
    .viewNews_cate{font-size: 24px;}
    .viewNews_tit{font-size: 36px;}
    .viewNews_desc{margin-top: 40px;}

    /* 20210720 추가 : 자료내려받기, CC 추가// */
    .viewMgzn_cc{margin-bottom: -10px;}
    .cc_tit{font-size: 27px; margin-top: 0;}
    .cc_dlTit{font-size: 18px; margin-top: 20px;}
    /* //20210720 추가 : 자료내려받기, CC 추가 */
    
    /* 20210719 추가 : 미디어// */
    /* 미디어 리스트 */
    .mgznList_mainMedia .mainMedia{padding: 0}/* 20210729 추가 */
    .mediaInfo_logo p{width: 80px; height: 80px;}
    .mediaInfo_txt{padding-left: 100px;}
    .mediaInfo_name{font-size: 18px; padding-bottom: 7px;}
    .mediaInfo_tit{font-size: 24px; margin-top: 7px}
    .mediaInfo_date{font-size: 16px; margin-top: 20px;}
    .mediaInfo-main .mediaInfo_logo p{width: 100px; height: 100px;}
    .mediaInfo-main .mediaInfo_txt{padding-left: 120px;}
    .mediaInfo-main .mediaInfo_tit{font-size: 28px; margin-top: 6px;}
    /* .mediaInfo-main .mediaInfo_date{margin-top: 0; top:0;} 20210729 삭제 */

    /* .photoSlider_top .slick-list.draggable {height: 647px !important;} */ /* 20220111 추가 */ /* 20220117 수정 */
    
    /* 미디어 본문 */
    .media_cont{padding-top: 40px;}
    .mediaInfo-detail .mediaInfo_logo p{width: 100px; height: 100px;}
    .mediaInfo-detail .mediaInfo_txt{padding-left: 120px;}
    .mediaInfo-detail .mediaInfo_name{font-size: 20px; padding-bottom: 5px;}
    .mediaInfo-detail .mediaInfo_tit{font-size: 28px; margin-top: 13px;}
    .mediaInfo-detail .mediaInfo_date{font-size: 17px; margin-top: 22px;}
    /* //20210719 추가 : 미디어 */
    
    /* 20221031 수정 : mall 개편 :: S */
    .mall{padding-top: 60px;}
    .mallList_item{width: calc((100% - 40px) / 3); margin-left: 20px;}/* 20221212 수정 */
    /* 20221212 추가 :: S */
    .mallList_item:nth-child(4n+1){margin-left: 20px;}
    .mallList_item:nth-child(3n+1){margin-left: 0;}
    /* 20221212 추가 :: E */
    /* .mallList_item-sizer{width: calc((100% - 40px) / 3);}
    .mallList_item-gutter{width: 20px;} 20221212 삭제 */
    .mallItem_info{padding: 20px 0;}
    .mallItem_linkArea{padding: 17px 0 0;}/* 20221116 추가 */
    .mallItem_tit{font-size: 20px;}
    .mallItem_desc{font-size: 14px;}
    .mallList_relItem{padding: 15px 0;}
    .mallList_relItem:last-child{padding-bottom: 0;}
    .mallRelItem_img{width: 60px; height: 60px;}/* 20221109 수정 */
    .mallRelItem_info{width: calc(100% - 60px);}
    .mallRelItem_brand{font-size: 12px;}
    /* 20221031 수정 : mall 개편 :: E */
    

    
    /* 20210811 추가 : aboutMain// */
    /* About Main */
    .aboutMain{margin-top: -90px;}
    .aboutMain_mainTxt{padding: 50px 0;}
    /* 20210818 수정// */
    .aboutMain_mainTit{font-size: 26px;}
    .aboutMain_mainSubTit{font-size: 24px; margin-top: 10px;}
    .aboutMain_mainDesc{font-size: 18px; margin-top: 10px;}
    /* //20210818 수정 */
    .aboutMain_tit{font-size: 36px;}
    .aboutMain_subTit{font-size: 18px; margin-top: 20px;}
    .aboutMain_value{padding: 70px 0}
    .aboutMain_value .aboutMain_titArea{margin-bottom: 45px;}
    .aboutMain_valueItem{width: calc(50% - 10px); margin-top: 20px; margin-left: 20px;}
    .valueItem{padding: 25px 30px 30px 30px;}
    /* 20210818 수정// */
    .valueItem_supTit{font-size: 26px;}
    .valueItem_tit{font-size: 26px;}
    /* //20210818 수정 */
    .valueItem_subTit{font-size: 20px; margin-top: 9px;}
    .valueItem_descArea{margin-top: 30px;}
    .valueItem_descTit{font-size: 22px;}
    .valueItem_desc{font-size: 22px; margin-top: 4px;}/* 20210901 수정 : ourValue */
    .aboutMain_bannerArea{padding: 70px 0;}
    .aboutMain_banner{margin-top: 50px;}
    .aboutMain_learnMore{font-size: 18px; height: 40px; line-height: 40px; padding:  0 50px; margin-top: 30px;}
    .aboutMain_esg{padding: 70px 0;}
    .aboutMain_esgItem{margin-top: 70px;}
    .esgItem_imgArea{width: calc(100% - 350px);}
    .esgItem_imgArea p{padding-top: 400px;}
    .esgItem_txtArea{width: 350px; padding: 30px}
    .esgItem_tit{font-size: 32px;}/* 20210818 수정 */
    .esgItem_desc{font-size: 20px; margin-top: 15px;}
    /* 20210818 수정// */
    .esgItem_viewMore{font-size: 18px; left: 30px; padding-right: 20px; background-image: url('../images/common/ico/arwRight_13x25_white.png'); background-size: 13px 25px; }
    .aboutMain_esgItem:nth-child(2n) .esgItem_viewMore{left: calc(100% - 320px);}
    /* //20210818 수정 */
    /* //20210811 추가 : aboutMain */

    /* 20210812 추가 : career// */
    /* career */
    .career{margin-top: -90px;}
    .career_sloganArea{padding: 150px 0;}
    .career_sloganTop{font-size:32px}
    .career_sloganBot{font-size: 36px; margin-top: 30px;}
    .career_slide{padding: 70px 0 100px;}
    .career_tit{font-size: 36px;}
    .career_slide .career_tit{margin-bottom: 35px;}
    .career_slide .slick-arrow{display: none!important;}
    .career_join{padding: 70px 0 80px;}
    .career_joinTit{font-size: 30px;}
    .career_joinDesc{font-size: 22px; margin-top: 18px;}
    .career_joinBtn{font-size: 18px; height: 40px; line-height: 40px; padding: 0 50px; margin-top: 30px;}
    /* //20210812 추가 : career */
    /* 20220103 추가// */
    .career_people{padding: 60px 0 80px;}
    .career_people .newsListSet > li{margin-top: 20px;}
    .career_people .newsListSet > li:first-child{margin-top: 20px;}
    /* //20220103 추가 */
        
    /* 20210819 추가 : business// */
    .business{padding-bottom: 80px; margin-top: -90px;}
    .business_slogan{padding-top: 26px;}/* 20210906 수정 : brand list */
    .business_slogan p{font-size: 22px;}
    .business_block{padding-top: 70px;}
    .business_tit{font-size: 40px;}
    .business_desc{font-size: 22px;}
    .business_img{margin-top: 40px;}
    .business_more{font-size: 18px; height: 40px; line-height: 40px; padding: 0 50px; margin-top: 30px;}
    /* //20210819 추가 : business */
        
    /* 20210819 추가 : searchResult// */
    .searchResult{padding: 60px 0 80px;}
    .searchResult_list{margin-top: 30px;}
    .searchResult_item{width: calc((99.99% - 60px) / 3); margin-left: 30px; margin-top: 60px;}
    .searchResult_item:nth-child(2n-1){margin-left: 30px;}
    .searchResult_item:first-child,.searchResult_item:nth-child(3n+1){margin-left: 0;}
    .searchResult_item:nth-child(3){margin-top: 0;}
    .searchResult_info{margin-top: 15px;}
    .searchResult_cate{font-size: 20px;}
    .searchResult_tit{font-size: 24px; margin-top: 10px;}
    .searchResult_moreArea{margin-top: 50px;}
    .searchResult_more{font-size: 18px; font-weight: 700; padding: 0 12px;}
    .noResult{min-height: calc(100vh - 392px);}
    .noResult_txt{font-size: 24px;}
    .noResult_back{margin-top: 25px;}
    /* //20210819 추가 : searchResult */
    
    /* 20210819 추가 : ir// */
    .ir{margin-top: -90px;}
    .ir_irTxtSlide{top:calc(50% + 45px);}

    .ir_titArea{padding: 0 0 55px;}
    .ir_tit{font-size: 36px;}
    .ir_global{padding: 60px 0}
    .globalSlide_nation{font-size: 24px; padding-left: 10px;}
    .globalSlide_nation::before{height: 22px; margin-top: -10px;}
    .globalSlide_txtArea{padding: 40px 0 0 10px;}
    .globalSlide_tit{font-size: 20px; margin-top: 0;}
    .globalSlide_desc{font-size: 18px; margin-top: 10px; line-height: 1.85em;}

    .financial_titArea{padding: 30px 0;}
    .financial_tit{font-size: 36px;}
    .financial_boardArea{padding: 60px 0 70px;}
    .financial_boardTit{font-size: 24px; padding-left: 10px;}
    .financial_boardTit::before{height: 22px; margin-top: -10px;}
    .financial_board{margin-top: 30px;}

    .fiBoard_num{width: 60px; padding-left: 10px;}
    .fiBoard_cate{width: 120px;}
    .fiBoard_dateStart{width: 110px;}
    .fiBoard_dateStart p,.fiBoard_dateEnd p{font-size: 16px;}
    .fiBoard_dateEnd{width: 110px;}
    .fiBoard_tit{width: calc(100% - 400px);}
    .fiBoard_header .fiBoard_num p,.fiBoard_header .fiBoard_cate p, .fiBoard_header .fiBoard_date p, .fiBoard_header .fiBoard_tit p{line-height: 45px; font-size: 16px;}
    .fiBoard_num p, .fiBoard_cate p, .fiBoard_date p, .fiBoard_tit p{line-height: 45px; font-size: 16px;}
    .fiBoard_date p{font-size: 14px;}

    .financial_pagination{margin-top: 30px;}
    .boardPagination > a{padding: 0 10px; height: 30px;}
    .boardPagination_beforeEnd{width: 14.7px; background-size: 14.7px auto; }
    .boardPagination_before{width: 7.7px;background-size: 7.7px auto;}
    .boardPagination_nextEnd{width: 14.7px; background-size: 14.7px auto;}
    .boardPagination_next{width: 7.7px;background-size: 7.7px auto;}
    .boardPagination_item{margin: 0 10px;}
    .boardPagination_item a{font-size: 16px; padding: 0 10px; line-height: 30px;}
    /* //20210819 추가 : ir */
        
    /* 20210903 수정 : timeline sticky// */
    /* 20210824 추가 : History// */
    .history{margin-top: -90px;}
    .history_tit{font-size: 36px; margin-bottom: 30px;}/* 20210914 수정 : header fix */
    .history_timeline{padding: 40px 0 80px;}
    .timeline_item{padding-top: 70px;}
    .timeline_infoArea{padding: 5px 10% 0 20px;}
    .timeline_infoArea::before{top: 95px;}
    .timeline_infoArea::after{top:85px;}
    .timeline_year{font-size: 80px;}
    .timeline_tit{font-size: 20px; margin-top: 28px;}
    .timeline_desc{font-size: 18px;  margin-top: 10px;}
    /* 20210901 추가 : timeline anchor// */
    .history_timeAnchor li + li{padding-left: 40px;}
    .history_timeAnchor li + li::before{width: 4px; height: 4px; left: 20px;}
    .history_timeAnchor li a{font-size: 22px;}
    .timelineSticky{padding: 15px 0;}/* 20210914 수정 : header fix */ /* 20220204 수정 */
    .sticky .timelineSticky{top:0;}/* 20210914 추가 : header fix */ /* 20220204 수정 */
    /* //20210901 추가 : timeline anchor */
    /* //20210824 추가 : History */
    /* //20210903 수정 : timeline sticky */

    
    /* 20210826 추가 : ESG// */
    /* 20210915 수정// :: S */    
    .esg{margin-top: -90px;}
    .esg_statistics{padding-top: 60px;}
    .esg_stTit{font-size: 30px; margin-bottom: 22px;}
    .esg_stPart.esg_enviro{width: calc(50% - 10px);}
    .esg_stPart.esg_social{width: calc(50% - 10px); margin-left: 20px;}
    .esg_stPart.esg_governance{display: block; width: calc(50% - 10px); margin: 60px auto 0;}
    .esg_stPart .esg_stItem{height: 300px; padding-top: 194px; background-position: center calc(50% - 30px);}
    .esg_stInfo{height: 120px;}
    .esg_stItemTit{font-size: 18px;}
    .esg_stItemDesc{font-size: 24px; margin-top: 10px;}
    .esg_governance .esg_stItem{height: 300px; padding-top: 194px;  background-position: center calc(50% - 30px);}

    .esg_cont{padding-top: 100px;}
    .esg_contItem{width: calc((99.999% - 40px) / 3); margin-left: 20px; margin-top: 60px;}
    .esg_contItem:nth-child(3n - 2){margin-left: 0;}
    .esg_contItem:first-child,.esg_contItem:nth-child(2),.esg_contItem:nth-child(3){margin-top: 0;}
    .esg_contInfo{margin-top: 14px;}
    .esg_contTit{font-size: 20px;}
    .esg_date{font-size: 14px; margin-top: 10px;}
    
    .esg_stItem-vinyl{background: #292929 url('../images/common/ico/ico_vinyl.png') no-repeat center calc(50% - 33px) / 34.7% auto;}
    .esg_stItem-gas{background: #292929 url('../images/common/ico/ico_tree.png') no-repeat center calc(50% - 32px) / 38% auto;}
    .esg_stItem-people{background: #292929 url('../images/common/ico/ico_people.png') no-repeat center calc(50% - 31px) / 52.7% auto;}
    .esg_stItem-cash{background: #292929 url('../images/common/ico/ico_cash.png') no-repeat center calc(50% - 31px) / 40.17% auto;}
    .esg_stItem-employee{background: #292929 url('../images/common/ico/ico_employee.png') no-repeat center calc(50% - 32px) / 27.1% auto;}
    .esg_stItem-law{background: #292929 url('../images/common/ico/ico_law.png') no-repeat center calc(50% - 31px) / 24.08% auto;}
    /* //20210915 수정 :: E */
    /* //20210826 추가 : ESG */
    
    /* 20210827 추가 : 텍스트 애니메이션// */
    .aboutMain_mainAni{top: calc(50% + 40px);}
    /* 20230615 추가 S : CI 소개 페이지 */
    .aboutMain_mainAni.ci_mainAni {top: calc(40% + 40px);}
    .ci_btnWrap {top: 74%;}
    .ci_section .color_sys_list {width: 70%;}
    /* 20230615 추가 E : CI 소개 페이지 */
    .elandTxtShow p{font-size: 38px;}
    .elandTxtShow_bot > span{font-size: 38px;}
    @keyframes showCenter{
        0%{max-width: 0; opacity: 0;}
        50%{max-width: 320px;opacity: 0;}
        100%{max-width: 320px;opacity: 1;}
    }
    /* //20210827 추가 : 텍스트 애니메이션 */

        
    /* 20210906 추가 : brand list// */
    .business_keyword{padding-top: 50px;}
    .keywordList_item{padding: 0 10px;}
    .keywordList_item a{font-size: 20px;}
    .business_brandList{padding-top: 50px;}
    .brandList_item{width: calc((100% - 60px) / 4); margin-bottom: 20px;}
    .brandItem_name{font-size: 20px;}
    .brandItem_viewMore{height: 30px; line-height: 30px; padding:0 12px; font-size: 18px; margin-top: 15px;}
    .brandList_item-sizer{width: calc((100% - 60px) / 4);}
    .brandList_item-gutter{width: 20px;}
    .brandPop{max-width: 700px;}
    .brandPop_tit{font-size: 30px;}
    .brandPop_desc{font-size: 17px; margin-top: 30px;}
    .brandPop_icons{margin-top: 20px;}
    .brandPop_icons li{margin-left: 30px;}
    /* //20210906 추가 : brand list */
    
    /* 20210916 추가 : 관련컨텐츠 수정// */
    .prdSlide_counter{font-size: 20px; top: 1px; right: 42px; }
    .prdSlide .slick-arrow{top: -56px;}
    .prdSlide .slick-arrow.slick-prev{right: 70px;}
    .prdSlide .slick-arrow.slick-next{right: 0;}
    /* //20210916 추가 : 관련컨텐츠 수정 */
    
    /* 20221128 추가 :: S */
    /* .msgIntro{padding: 60px 0;}
    .msgIntro_cont{width: 34.5%; float: left; padding: 20px; box-sizing: border-box;}
    .msgIntro_date{font-size: 14px;}
    .msgIntro_badge{height: 18px; line-height: 16px; font-size: 12px; padding: 0 8px;}
    .msgIntro_tit{font-size: 22px; margin-top: 20px;}
    .msgIntro_desc{font-size: 14px; margin-top: 15px;}
    .msgIntro_tagList{margin-top: 40px;} 20230111 삭제 */
    /* 20221128 추가 :: E */
    /* 20230111 추가 :: S */
    .msgIntro_tit{font-size: 20px;}
    .msgIntro_desc{font-size: 14px;}
    /* 20230209 수정 :: S */
    /* .msgIntro_priceWrap{margin-top: 20px;} */
    .msgIntro_priceBefore{font-size: 14px;}
    .msgIntro_priceAfter{font-size: 18px; margin-left: 10px;}
    .msgIntro_detailWrap{padding-top: 20px; margin-top: 20px;}
    .msgIntro_detail dt, .msgIntro_detail dd{font-size: 12px;}
    .msgIntro_applyBtn{margin-top: 30px; line-height: 40px; height: 40px; font-size: 18px;}
    /* 20230209 수정 :: E */
    .msgSlide{margin-top: 150px;}
    .msgSlide_tit{font-size: 18px;}
    .msgSlide_desc{font-size: 14px; margin-top: 15px;}
    .msgSlide_priceWrap{margin-top: 20px;}
    .msgSlide_priceBefore{font-size: 14px;}
    .msgSlide_priceAfter{font-size: 17px; margin-left: 15px;}
    .msgSlide_detailWrap{margin-top: 15px; padding-top: 15px;}
    .msgSlide_detail dt, .msgSlide_detail dd{font-size: 14px;}
    .msgInfo_btn{font-size: 12px;}/* 20230209 수정 */
    /* 20230111 추가 :: E */
    
    /* 20230209 추가 :: S */
    .msgInfo_btns{padding-top: 0;}
    .msgIntro_priceUint{font-size: 14px;}
    .msgSlide_priceUint{font-size: 14px;}
    /* 20230209 추가 :: E */
    
    /* 20250423 추가 : best 영역 추가 #20566 :: S */
    .bestSection_slideArea .swiper-button-prev, .bestSection_slideArea .swiper-button-next {
      display: none;
    }
    /* 20250423 추가 : best 영역 추가 #20566 :: E */
    
    /* 20250710 추가 :: S */
    .careerItem {
      gap: 20px;
    }
    .careerItem_img {
      width: 220px;
    }
    .careerItem_cate {
      font-size: 16px;
    }
    .careerItem_title {
      font-size: 22px;
    }
    .careerItem_descWrap {
      gap: 12px;
      font-size: 14px;
    }
    .careerItem_divider {
      height: 14px;
    }
    .careerItem_btnContainer {
      width: 200px;
      gap: 20px;
    }
    .careerItem_dday {
      font-size: 32px;
    }
    .careerItem_applyBtn {
      height: 64px;
      font-size: 18px;
    }
    .careerDetail_header {
      gap: 20px;
    }
    .careerDetail_img {
      width: 300px;
    }
    .careerDetail_img .careerDetail_applyEnded {
      width: 80px;
      height: 80px;
    }
    .careerDetail_infoCont {
      min-height: 169px;
    }
    .careerDetail_tit {
      font-size: 22px;
      line-height: 1.2;
    }
    .careerDetail_desc {
      font-size: 14px;
      line-height: 1.2;
    }
    .careerDetail_applyBtn {
      height: 50px;
      line-height: 50px;
      font-size: 22px;
      width: 200px;
    }
    .careerDetail_footer {
      padding: 40px 0;
    }
    .careerDetail_footerTit {
      font-size: 28px;
    }
    .careerDetail_footerSubTit {
      margin-top: 24px;
      font-size: 16px;
    }
    .careerDetail_footerEmail {
      font-size: 16px;
      line-height: 1.2;
    }
    /* 20250710 추가 :: E */
}

/*
    =======================
    SUB - Tab(iPad pro 세로 미만)
    =======================
*/
/* 20220117 추가 :: s */
@media all and (max-width:1150px) and (min-width: 831px) {
    .photoSlider {width: 760px !important;}
    .photoSlider_photo .slick-next {display: none !important;}
    .photoSlider_photo .slick-prev {display: none !important;}
}

@media all and (max-width:830px) and (min-width: 768px) {
    html, body {overflow-x: hidden;}
    .container-pc.photoSlider_wrap {padding: 0 20px;}
    .photoSlider {width: 100% !important;}
}
/* 20220117 추가 :: e */

@media all and (max-width:1023px) and (min-width: 768px) {

    /* 20220119 추가 :: s */
    .esg_con > div > ul li {font-size: 17px;}
    .esg_conRight p {font-size: 40px;}
    .esg_conRight p span {font-size: 14px;}
    .esg_conRight p em {font-size: 20px;}
    .esg_conRight p em.pa_rt {top: 3px; right: -50px;}
    /* 20220119 추가 :: e */
    
    .mgznListSet-quad .mgznListSet_item, .mgznListSet .mgznListSet_item{width: calc((99.9% - 30px)/2); margin-top: 30px;} /* 20220117 수정 */
    .mgznListSet-quad .mgznListSet_item:nth-child(1), .mgznListSet-quad .mgznListSet_item:nth-child(2), .mgznListSet .mgznListSet_item:nth-child(1), .mgznListSet .mgznListSet_item:nth-child(2){margin-top: 0;}
    .mgznListSet .mgznListSet_item:nth-child(2n - 1){margin-left: 0;}
    .magazineItem_tit{font-size: 25px;}
    .magazineItem-listItem .magazineItem_tit{font-size: 25px;}
    .magazineItem_cate{font-size: 18px;}
    .magazineItem-listItem .magazineItem_cate{font-size: 18px;}

    /* 최신 뉴스*/
    /* 20210827 수정 : 뉴스배너 수정// */
    .newsNew_list{padding-top: 40px;}
    .newsNew_item a{padding-left: 0; background: none;}
    .newsNew_img{width: 100%;}
    .newsNew_info{padding: 40px 30px 0 0; width: 100%;}
    .newsNew_count{right: 0; top: 36px; font-size: 22px;}
    .newsNew_cate{font-size: 18px; padding-bottom: 10px;}
    .newsNew_tit{font-size: 30px; margin-top: 20px;}
    .newsNew_date{font-size: 16px; margin-top: 20px;}
    .newsNew_txt{font-size: 16px;line-height: 1.7em; max-height: 8.5em; margin-top: 35px; -webkit-line-clamp: 5;}
    /* //20210827 수정 : 뉴스배너 수정 */

    /* 뉴스 리스트 */
    .newsListSet > li{width: calc((100% - 30px) / 2); margin: 60px 0 0 0;}
    .newsListSet > li:nth-child(3){margin-top: 60px;}
    .newsListSet > li:nth-child(2n){margin-left: 30px;}
    /* 20220103 추가// */
    .career_people .newsListSet > li{margin-top: 20px;}
    /* //20220103 추가 */

    /* 20221031 수정 : mall 개편 :: S */
    .mall{padding-top: 60px;}
    .mallList_item{width: calc((100% - 20px) / 2);}
    /* .mallList_item-sizer{width: calc((100% - 20px) / 2);}
    .mallList_item-gutter{width: 20px;} 20221212 삭제 */
    .mallItem_tit{font-size: 24px;}
    .mallItem_desc{font-size: 16px;}
    .mallList_relItem{padding: 20px 0;}
    /* 20221031 수정 : mall 개편 :: E */
           
    /* 20210819 추가 : business// */
    .business{padding-bottom: 60px;}
    .business_slogan p{font-size: 18px;}
    .business_block{padding-top: 50px;}
    .business_tit{font-size: 30px;}
    .business_desc{font-size: 18px;}
    .business_img{margin-top: 30px;}
    .business_more{font-size: 18px; height: 40px; line-height: 40px; padding: 0 50px; margin-top: 30px;}
    /* //20210819 추가 : business */
            
    /* 20210819 추가 : searchResult// */
    .searchResult_item{width: calc((100% - 30px) / 2); margin-left: 30px; margin-top: 60px;}
    .searchResult_item:nth-child(3n+1){margin-left: 30px;}
    .searchResult_item:nth-child(2n-1){margin-left: 0;}
    .searchResult_item:nth-child(3){margin-top: 60px;}
    .searchResult_info{margin-top: 15px;}
    .searchResult_cate{font-size: 20px;}
    .searchResult_tit{font-size: 24px; margin-top: 10px;}
    .searchResult_moreArea{margin-top: 50px;}
    .searchResult_more{font-size: 18px; font-weight: 700; padding: 0 12px;}
    .noResult{min-height: calc(100vh - 415px);}
    /* //20210819 추가 : searchResult */
        
    /* 20210819 추가 : ir// */
    .globalSlide_desc{font-size: 14px;}

    .financial_titArea{padding: 30px 0;}
    .financial_tit{font-size: 36px;}
    .financial_boardArea{padding: 60px 0 70px;}
    .financial_boardTit{font-size: 24px; padding-left: 10px;}
    .financial_boardTit::before{height: 22px; margin-top: -10px;}
    .financial_board{margin-top: 30px;}

    .fiBoard_num{width: 60px; padding-left: 10px;}
    .fiBoard_cate{width: 120px;}
    .fiBoard_dateStart{width: 110px;}
    .fiBoard_dateStart p,.fiBoard_dateEnd p{font-size: 16px;}
    .fiBoard_dateEnd{width: 110px;}
    .fiBoard_tit{width: calc(100% - 400px);}
    .fiBoard_header .fiBoard_num p,.fiBoard_header .fiBoard_cate p, .fiBoard_header .fiBoard_date p, .fiBoard_header .fiBoard_tit p{line-height: 45px; font-size: 16px;}
    .fiBoard_num p, .fiBoard_cate p, .fiBoard_date p, .fiBoard_tit p{line-height: 45px; font-size: 16px;}
    .fiBoard_date p{font-size: 14px;}

    .financial_pagination{margin-top: 30px;}
    .boardPagination > a{padding: 0 10px; height: 30px;}
    .boardPagination_beforeEnd{width: 14.7px; background-size: 14.7px auto; }
    .boardPagination_before{width: 7.7px;background-size: 7.7px auto;}
    .boardPagination_nextEnd{width: 14.7px; background-size: 14.7px auto;}
    .boardPagination_next{width: 7.7px;background-size: 7.7px auto;}
    .boardPagination_item{margin: 0 10px;}
    .boardPagination_item a{font-size: 16px; padding: 0 10px; line-height: 30px;}
    /* //20210819 추가 : ir */
            
    /* 20210824 추가 : History// */
    .timeline_desc{font-size: 16px;  margin-top: 10px;}
    /* //20210824 추가 : History */
}

/* 20210827 추가 : 뉴스배너 수정// */
@media all and (max-width: 1650px) and (min-width:1024px) {
    .newsNew_info{padding: 2.6vw 2.3vw;}
    .newsNew_cate{font-size: 1.6vw; padding-bottom: 0.5vw;}
    .newsNew_tit{font-size: 2.4vw; margin-top: 1.5vw;}
    .newsNew_date{font-size: 1.5vw; margin-top: 1.6vw;}
    .newsNew_txt{font-size: 1.4vw; line-height: 1.8em; max-height: 7.2em; margin-top: 2.6vw; -webkit-line-clamp: 4;}
    .newsNew_count{font-size: 1.6vw; right: 2.3vw; top: 2.6vw;}
}
/* //20210827 추가 : 뉴스배너 수정 */