@charset "UTF-8";



.wrap .kv {overflow: inherit;}

.content {position: relative;}

.feature.overview {position: static;}

.feature.overview .overview_desc {max-width: 1050px; margin: 0 auto;}

.download p {color: #fff;}

.download .more.white:before {background: #979797;}



.webzine_tit_wrap {position: absolute; left: 12.5%; top: 56.5%; transform: translateY(-50%);}

.webzine_tit_wrap .kv_logo {width: 154px; margin-bottom: 20px;}

.webzine_tit_wrap .desc {color: #fefefe; line-height: 1.67;}

.webzine_tit_wrap h1 {font: 700 70px/1 acumin-pro,sans-serif; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4); letter-spacing: -.02em; color: #fefefe;}

.webzine_tit_wrap .select_wrap {display: inline-block; padding-left: 10px;}

.webzine_tit_wrap .select_wrap .select_box + .select_box {margin-left: 20px;}

.webzine_tit_wrap .select_wrap .select_box {display: inline-block; position: relative; letter-spacing: -0.02em;}

.webzine_tit_wrap .select_box .option_list {display:none; position: absolute; top: 100%; left: 0; width: 100%; list-style-type: none; padding: 0; overflow: hidden; max-height: 217px; border: 2px solid #eaeaea; z-index: 30; background-color: #fff; box-shadow: 0px 5px 6px rgba(190, 190, 190, 0.11); z-index: 2; margin-top: 1px;}

.webzine_tit_wrap .select_box .option_item {font-size : 16px; line-height: 1.56; color: #878b8d; padding: 17px 22px 0; cursor: pointer;}

.webzine_tit_wrap .select_box .option_item:last-child {padding-bottom: 17px;}

.webzine_tit_wrap .select_wrap .webzine_year {display: inline-block; font-size: 28px; line-height: 40px; color: #fff; letter-spacing: -.03em; text-shadow: 0px 2px 6px rgb(0 0 0 / 40%); }

.webzine_tit_wrap .select_box {width: 150px; height: 40px; margin-left: 20px;}

.webzine_tit_wrap .select_box .label {position: relative; text-align: left; font-size: 28px; line-height: 40px; color: #fff; letter-spacing: -.03em; border-bottom: 1px solid #fff; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);}

.webzine_tit_wrap .select_box .label:before {display: block; content: ''; position: absolute; top: 14px; right: 0; width: 24px; height: 17px; background: url("./../../resources/images/about/esg-performance/webzine/white_select_arrow.png") no-repeat 50% 50% / contain; -webkit-transition: transform 0.3s;}



.select_box.active .label:before {transform: rotate(180deg); -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}

.select_box.active .option_list {max-height: 217px; border: 2px solid #eaeaea; z-index: 30;}



.download {display: inline-block; margin: 45px 0 0 35px;}

.download > *, .more_wrap > * {display: inline-block;}

.webzine_tit_wrap .download p {font-size: 20px; font-weight: 800; line-height: 1.89; letter-spacing: -.02em;}

.webzine_tit_wrap .download .more {display: inline-block; margin-left: 10px; width: 53px; height: 40px; position: relative; vertical-align: middle;}

.more-btn {margin-left: 10px;}

.more:before {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff; width: 40px; height: 40px; border-radius: 50%; z-index: 1;}

.more:after {position: absolute; content: ''; left: 6%; top: 46%; transform: translateY(-50%); width: 35.39px; height: 7.67px; background: no-repeat center/contain; background-image: url("./../../resources/icon/more_white.svg"); z-index: 3; transition: .3s ease;}

.more:hover:after, .more.white:hover:after {background-image: url("./../../resources/icon/more_hover.svg");}



.sub_tit {font-size: 24px !important; font-weight: 600 !important; line-height: 1.25 !important; color: #333; letter-spacing: -.02em; padding-bottom: 1%;}

.feature.overview .overview_desc > p {font-weight: 400; font-size: 24px; line-height: 1.75; letter-spacing: -.02em; text-align: center;  color: #333; margin-top: 17px;}



.webzine_contents .contents_list {margin-top: 70px;}

.webzine_contents .contents_list ul {position: relative; font-size: 0;}

.webzine_contents .contents_list li {width: calc((100% - 120px) / 3); margin-right: 60px; display: inline-block; vertical-align: top;}

.webzine_contents .contents_list li .obj {overflow: hidden;}

.webzine_contents .contents_list li a img {transform: scale(1);transition: transform cubic-bezier(0.4,0,0.2,1) .3s;-webkit-transition: transform cubic-bezier(0.4,0,0.2,1) .3s;will-change: transform;}

.webzine_contents .contents_list li a:hover img {transform: scale(1.1) rotate(0.001deg);}

.webzine_contents .contents_list li:nth-child(3n) {margin-right: 0; right: 0;}

.webzine_contents .contents_list li .txt {background-color: #eff1f3;padding: 28px;}
.webzine_contents .contents_list li .txt .desc p span{color: #333 !important;}
.webzine_contents .contents_list li .txt .desc + .desc{margin-top: 5px;}
.webzine_contents .contents_list li .txt .desc p + p {position: relative; margin-top: 0; padding-left: 11px; }
.webzine_contents .contents_list li .txt .desc p {line-height: 1.5;}
.webzine_contents .contents_list li .txt .desc p + p:before {position: absolute; left: 0; top: 0; content: '-';}



#wrap section.feature.webzine_banner {background: no-repeat url("./../../resources/images/about/esg-performance/webzine/webzine_bt_banner.jpg") center/cover; padding: 0; margin-top: 150px; height: 310px;}

#wrap section.feature.webzine_banner .banner_wrap {position: relative; width: 100%; height: 100%; margin: 0 auto; cursor: pointer;}

#wrap section.feature.webzine_banner .banner_wrap:hover .more_wrap .more:after {background-image: url(/resources/images/more_hover.svg); }

#wrap section.feature.webzine_banner .banner_wrap * {color: #fff;}

#wrap section.feature.webzine_banner .banner_wrap > div {width: 100%;}

#wrap section.feature.webzine_banner .banner_wrap > div > * {display: inline-block; vertical-align: middle; position: relative; left: 50%; transform: translateX(-50%); margin-top: 0;}

#wrap section.feature.webzine_banner .banner_wrap  .txt > * {display: inline-block;vertical-align: middle;margin-top: 0;}



/* popup */

#popup_layer {opacity: 0; display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;  background-color: rgba(0, 0, 0, 0.8);}

#popup_layer .close_btn {position: relative; margin: 20px auto 53px;/* width: 47px;height: 47px; */ width: 3.63vh;height: 3.63vh; background-repeat: no-repeat;background-size: 100% auto;background-image: url("./../../resources/icon/popup-close-icon.svg");outline:none;z-index: 30;}

#popup_layer #videoArea {width: 100%; height: 473px;}

#popup_layer #videoArea iframe {width: 100%; height: 100%;}

.popup_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.popup_wrap .valign {width: 100%; height: 100%; margin: 0 auto; table-layout: fixed;}

.popup_wrap .popup_inner {margin: 120px auto 0; width: 880px; position: relative;}

/* .popup_wrap .popup_inner .close_btn {position: absolute; top: 50px; right: 0; display: block; width: 65px; height: 65px; background: url("./../../resources//images/video_close_btn.png") no-repeat 50% 50%; background-size: 25px 25px;} */

.popup_wrap.video .popup_inner {margin: 0 auto; width: 840px;}

.popup_wrap .popup_cont {border-radius: 30px; overflow: hidden;}

.popup_wrap .popup_cont > li {display: none;}

.popup_wrap .popup_cont .popup_txt {background-color: #fff;padding: 88px 87px 82px 90px;}

.popup_wrap .popup_cont .popup_logo {/* padding-bottom: 36px; */}

.popup_wrap .popup_cont .popup_logo h1 {height: 33px;}

.popup_wrap .popup_cont .popup_logo h1 img {width: auto; /* max-width: 60%;  */height: 100%;}

.popup_wrap .popup_cont .txt .info {padding: 20px 0 0 0;}

.popup_wrap .popup_cont .txt .info strong {display: inline-block; font-weight: 800; color: #333;}

.popup_wrap .popup_cont .txt .info strong:after {content: '';display: inline-block;margin: 0 14px;width: 1px;height: 13px;vertical-align: -1px;background-color: #878b8d;}

.popup_wrap .popup_cont .txt .desc p {word-break: break-all; color: #626668;}

.popup_wrap .popup_cont .aff_link {font-weight: 400; font-size : 16px; line-height: 1.67; margin-top: 18px;}



/*기존 웹진 popup*/

#popup_layer .close_btn {margin: 20px auto 0;}

.popup_wrap .popup_inner {width: 1200px; margin: 0 auto;}

.popup_wrap .popup_cont {border-radius: 0; }

.popup_wrap .popup_cont > li:first-child {display: block;}



.slide_wrap {position: relative;}

/* .slide_wrap .slide_obj {width: 1470px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */

.slide_wrap .slide_obj {position: static; width: auto;  height: auto;}

.slide_wrap .slide_obj > .prev_btn, .slide_wrap .slide_obj > .next_btn {position: absolute; top: 50%; transform: translateY(-50%);width: 48px;height: 80px;background: no-repeat center/contain;}

.slide_wrap .slide_obj > .prev_btn {left: -11.3%; background-image: url("./../../resources/images/about/esg-performance/webzine/webzine_prev.png");}

.slide_wrap .slide_obj > .prev_btn:hover {background-position: center; background-image: url("./../../resources/images/about/esg-performance/webzine/webzine_prev.png");}

.slide_wrap .slide_obj > .next_btn {right: -11.3%; background-image: url("./../../resources/images/about/esg-performance/webzine/webzine_next.png");}

.slide_wrap .slide_obj > .next_btn:hover {background-position: center; background-image: url("./../../resources/images/about/esg-performance/webzine/webzine_next.png");}

.slide_wrap .slide_obj button[disabled] {display: none;}

.slide_wrap > .slide_cont {max-width: 1200px;min-height: auto;margin: 0 auto;overflow: hidden; position: relative; max-height: 85vh; max-height: calc(100vh - 130px);}

.safari .slide_wrap > .slide_cont {max-height: calc(100vh - 150px);}

.slide_wrap > .slide_cont li .obj {position: relative;}

.slide_wrap > .slide_cont > ul li .popup_tit {padding: 27px 75px;}

.slide_wrap > .slide_cont > ul li .obj_txt {/* max-width: 43%;  */ position: absolute; bottom: 12%; left: 6.667%; color: #fff; }

.slide_wrap > .slide_cont > ul li .obj_txt.right {left: auto; right: 6.667%; text-align: right;}

.slide_wrap > .slide_cont > ul li .obj_txt.center {left: 50%; transform: translateX(-50%);}

.slide_wrap > .slide_cont > ul li .obj_txt h2 {font-size: 34px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; color: #fff; width: 100%;}

.slide_wrap > .slide_cont > ul li .obj_txt p {margin-bottom: 30px; max-width: 44%; font-size: 20px; font-style: italic; line-height: 1.6;}

.slide_wrap > .slide_cont > ul li .obj_txt h2 + * {margin-top: 30px; }

/* .slide_wrap .slide_cont .slide_obj {width: 1470px; left: 50%; top: 50%; transform: translate(-50%, -50%);} */

.slide_wrap > .slide_cont > ul {width: 3000%; /* margin-left: -1310px; */} 

.slide_wrap > .slide_cont > ul li {width:calc(100% / 30); height : 85vh; float: left; padding: 0; overflow: auto; background-color: #fff;}

.slide_wrap > .slide_cont > ul li .webzine_cont {/* padding: 9.3% 0;  */padding-top: 0%;}

.slide_wrap > .slide_cont > ul li .webzine_cont > div:last-of-type {padding-bottom: 9.3%;}

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area {background-color: #FBE8D4; padding-top: 5%;}

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.beige {background-color: #FBE8D4;}

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.yellow {background-color: #FED304;}

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.skyblue {background-color: #00B0F0;}

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.green {background-color: #00B050;}

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.gray {background-color: #7f7f7f;}

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.brown {background-color: #89634a;}

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.darkGreen {background-color: #448c4e;}



.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.skyblue .tit,

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.skyblue .sub_tit,

.slide_wrap > .slide_cont > ul li .webzine_cont .essay_area.skyblue .desc p {color: #fff;}

.slide_wrap > .slide_cont > ul li .webzine_cont .obj {padding: 2.501% 8.46%;}

.slide_wrap > .slide_cont > ul li .webzine_cont .obj + .obj {padding-top: 0;}

.slide_wrap > .slide_cont > ul li .webzine_cont .obj .detail {padding: 14px 0;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt {padding: 0 8.46%;} 

.slide_wrap > .slide_cont > ul li .webzine_cont .txt.white * {color: #fff;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt h2 {font-size: 34px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; margin-bottom: 30px; color: #4f5254;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt .sub_tit {margin-bottom: 24px;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt .desc {margin-top: 0;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt .desc p {word-break: break-all;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt.halfWidth {margin: 0;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt.halfWidth .desc {margin: auto; text-align: center;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt.half .desc {float: left; width: calc((100% - 3.06%) / 2); margin-right: 3.06%;}

.slide_wrap > .slide_cont > ul li .webzine_cont .txt.half .desc:last-child {margin-right: 0;}

.slide_wrap > .slide_cont > ul li .webzine_cont .disclaimer {float: none; font-weight: 400; line-height: 1.3; color: #333; padding: 14px 0;}

.slide_wrap > .slide_cont > ul li .webzine_cont .disclaimer + .disclaimer  {padding: 0 0 14px 0;}

.slide_wrap > .slide_cont > ul li .webzine_cont .half .disclaimer {padding: 0; float: left;}

.slide_wrap > .slide_cont > ul li .txt {/* background: #fff;  */margin-bottom: 50px;}

.slide_wrap > .slide_cont .mCSB_scrollTools_vertical {width: 8px;}

.slide_wrap > .slide_cont .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

.slide_wrap > .slide_cont .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 8px; background-color: rgba(175, 175, 175, 1);}



.obj {position:relative;}

.obj .floating-txt {position:absolute;top: calc(5.501% + 60px);left: calc(8.46% + 60px);}

.sub_tit { position: relative; z-index: 1;}

.mt-110 { margin-top: -110px; z-index: 0;}



/*scrollbar*/

.mCSB_inside>.mCSB_container {margin-right: 0;}



/*

.scrollBar::-webkit-scrollbar {width: 10px; }

.scrollBar::-webkit-scrollbar-thumb {height: 30%;background: rgba(175, 175, 175, 1); border-radius: 10px;}

.scrollBar::-webkit-scrollbar-track {background: #e7e7e7;}

*/

.webzine_tit_wrap .select_wrap{padding-left: 0; margin-top: 30px;}
.webzine_tit_wrap .select_box{margin-left: 0;}


.slide_wrap li .popup_content .obj{height : 420px; width: 100%; position: absolute !important; top: 84px; left: 0;}


.small_desc{font-size: 20px !important;}

@media screen and (max-width: 1440px) {

	.small_desc{font-size: 1.39vw !important;}
	.slide_wrap li .popup_content .obj{height : 29.1667vw; width: 100%;  top: 5.8333vw; left: 0;}


	.content {position: relative;}

	.feature.overview .overview_desc {max-width: 72.92vw;}

	.download p {color: #fff;}

	.download .more.white:before {background: #979797;}



	.webzine_tit_wrap {position: absolute; left: 12.5%; top: 56.5%; transform: translateY(-50%);}

	.webzine_tit_wrap .kv_logo {width: 10.69vw; margin-bottom: 1.39vw;}

	.webzine_tit_wrap .desc {color: #fefefe; line-height: 1.67;}

	.webzine_tit_wrap h1 {font: 700 4.86vw/1 acumin-pro,sans-serif; text-shadow: 0.00vw 0.14vw 0.42vw rgba(0, 0, 0, 0.4); letter-spacing: -.02em; color: #fefefe;}

	.webzine_tit_wrap .select_wrap {display: inline-block; padding-left: 0.69vw;}

	.webzine_tit_wrap .select_wrap .select_box + .select_box {margin-left: 1.39vw;}

	.webzine_tit_wrap .select_wrap .select_box {display: inline-block; position: relative; letter-spacing: -0.02em;}

	.webzine_tit_wrap .select_box .option_list {max-height: 15.07vw; z-index: 2;}

	.webzine_tit_wrap .select_box .option_item {font-size: 1.11vw ; line-height: 1.56; color: #878b8d; padding: 1.18vw 1.53vw 0; cursor: pointer;}

	.webzine_tit_wrap .select_box .option_item:last-child {padding-bottom: 1.18vw;}

	.webzine_tit_wrap .select_wrap .webzine_year {display: inline-block; font-size: 1.94vw; line-height: 2.78vw; color: #fff; letter-spacing: -.03em; text-shadow: 0.00vw 0.14vw 0.42vw rgb(0 0 0 / 40%); }

	.webzine_tit_wrap .select_box {width: 10.42vw; height: 2.78vw; margin-left: 1.39vw;}

	.webzine_tit_wrap .select_box .label {position: relative; text-align: left; font-size: 1.94vw; line-height: 2.78vw; color: #fff; letter-spacing: -.03em;}

	.webzine_tit_wrap .select_box .label:before {display: block; content: ''; position: absolute; top: 0.97vw; right: 0; width: 1.67vw; height: 1.18vw; background: url("./../../resources/images/about/esg-performance/webzine/white_select_arrow.png") no-repeat 50% 50% / contain; -webkit-transition: transform 0.3s;}

	.download {display: inline-block; margin: 3.13vw 0 0 2.43vw;}

	.download > *, .more_wrap > * {display: inline-block;}

	.webzine_tit_wrap .download p {font-size: 1.39vw; font-weight: 800; line-height: 1.89; letter-spacing: -.02em;}

	.webzine_tit_wrap .download .more {display: inline-block; margin-left: 0.69vw; width: 3.68vw; height: 2.78vw; position: relative; vertical-align: middle;}

	.more-btn {margin-left: 0.69vw;}

	.more:before {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff; width: 2.78vw; height: 2.78vw; border-radius: 50%; z-index: 1;}

	.more:after {position: absolute; content: ''; left: 6%; top: 46%; transform: translateY(-50%); width: 2.46vw; height: 0.53vw; background: no-repeat center/contain; background-image: url("./../../resources/icon/more_white.svg"); z-index: 3; transition: .3s ease;}

	.more:hover:after, .more.white:hover:after {background-image: url("./../../resources/icon/more_hover.svg");}



	.sub_tit {font-size: 1.67vw !important; font-weight: 600 !important; line-height: 1.25 !important; color: #333; letter-spacing: -.02em;}

	.feature.overview .overview_desc > p {font-weight: 400; font-size: 1.67vw; line-height: 1.75; letter-spacing: -.02em; text-align: center;  color: #333; margin-top: 1.18vw;}



	.webzine_contents .contents_list {margin-top: 4.86vw;}

	.webzine_contents .contents_list ul {position: relative; font-size: 0;}

	.webzine_contents .contents_list li {width: calc((100% - 8.35vw) / 3); margin-right: 4.17vw; display: inline-block; vertical-align: top;}

	.webzine_contents .contents_list li .obj {overflow: hidden;}

	.webzine_contents .contents_list li a img {transform: scale(1);transition: transform cubic-bezier(0.4,0,0.2,1) .3s;-webkit-transition: transform cubic-bezier(0.4,0,0.2,1) .3s;will-change: transform;}

	.webzine_contents .contents_list li a:hover img {transform: scale(1.1) rotate(0.001deg);}

	.webzine_contents .contents_list li:nth-child(3n) {margin-right: 0; right: 0;}

	.webzine_contents .contents_list li .txt {background-color: #eff1f3;padding: 1.94vw;}
	.webzine_contents .contents_list li .txt .desc + .desc{margin-top: 0.35vw;}
	.webzine_contents .contents_list li .txt .desc p + p {position: relative; margin-top: 0; padding-left: 0.76vw; }

	.webzine_contents .contents_list li .txt .desc p + p:before {position: absolute; left: 0; top: 0; content: '-';}



	#wrap section.feature.webzine_banner {background: no-repeat url("./../../resources/images/about/esg-performance/webzine/webzine_bt_banner.jpg") center/cover; padding: 0; margin-top: 10.42vw; height: 21.53vw;}

	#wrap section.feature.webzine_banner .banner_wrap {position: relative; width: 100%; height: 100%; margin: 0 auto; cursor: pointer;}

	#wrap section.feature.webzine_banner .banner_wrap:hover .more_wrap .more:after {background-image: url(/resources/images/more_hover.svg); }

	#wrap section.feature.webzine_banner .banner_wrap * {color: #fff;}

	#wrap section.feature.webzine_banner .banner_wrap > div {width: 100%;}

	#wrap section.feature.webzine_banner .banner_wrap > div > * {display: inline-block; vertical-align: middle; position: relative; left: 50%; transform: translateX(-50%); margin-top: 0;}

	#wrap section.feature.webzine_banner .banner_wrap  .txt > * {display: inline-block;vertical-align: middle;margin-top: 0;}



	/* popup */

	#popup_layer #videoArea {width: 100%; height: 32.85vw;}

	#popup_layer #videoArea iframe {width: 100%; height: 100%;}

	.popup_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

	.popup_wrap .valign {width: 100%; height: 100%; margin: 0 auto; table-layout: fixed;}

	.popup_wrap .popup_inner {margin: 8.33vw auto 0; width: 61.11vw; position: relative;}	

	.popup_wrap.video .popup_inner {margin: 0 auto; width: 58.33vw;}

	.popup_wrap .popup_cont {border-radius: 2.08vw; overflow: hidden;}

	.popup_wrap .popup_cont > li {display: none;}

	.popup_wrap .popup_cont .popup_txt {background-color: #fff;padding: 6.11vw 6.04vw 5.69vw 6.25vw;}

	.popup_wrap .popup_cont .popup_logo {/* padding-bottom: 2.50vw; */}

	.popup_wrap .popup_cont .popup_logo h1 {height: 2.29vw;}

	.popup_wrap .popup_cont .popup_logo h1 img {width: auto; /* max-width: 60%;  */height: 100%;}

	.popup_wrap .popup_cont .txt .info {padding: 1.39vw 0 0 0;}

	.popup_wrap .popup_cont .txt .info strong {display: inline-block; font-weight: 800; color: #333;}

	.popup_wrap .popup_cont .txt .info strong:after {content: '';display: inline-block;margin: 0 0.97vw;width: 0.07vw;height: 0.90vw;vertical-align: -0.07vw;background-color: #878b8d;}

	.popup_wrap .popup_cont .txt .desc p {word-break: break-all; color: #626668;}

	.popup_wrap .popup_cont .aff_link {font-weight: 400; font-size: 1.11vw ; line-height: 1.67; margin-top: 1.25vw;}



	/*기존 웹진 popup*/

	#popup_layer .close_btn {margin: 1.39vw auto 0;}

	.popup_wrap .popup_inner {width: 83.33vw; margin: 0 auto;}

	.popup_wrap .popup_cont {border-radius: 0; }

	.popup_wrap .popup_cont > li:first-child {display: block;}



	.slide_wrap .slide_obj > .prev_btn, .slide_wrap .slide_obj > .next_btn {width: 3.33vw;height: 5.56vw;}

	.slide_wrap .slide_obj > .prev_btn {left: -7.3%;}

	.slide_wrap .slide_obj > .next_btn {right: -7.3%;}

	.slide_wrap > .slide_cont > ul li .popup_tit {padding: 1.88vw 5.21vw;}


	.slide_wrap > .slide_cont > ul li .obj_txt h2 {font-size: 2.36vw;}

	.slide_wrap > .slide_cont > ul li .obj_txt p {margin-bottom: 2.08vw; font-size: 1.39vw;}

	.slide_wrap > .slide_cont > ul li .obj_txt h2 + * {margin-top: 2.08vw;}

	.slide_wrap > .slide_cont > ul li .webzine_cont .obj .detail {padding: 0.97vw 0;}

	.slide_wrap > .slide_cont > ul li .webzine_cont .txt h2 {font-size: 2.36vw; margin-bottom: 2.08vw; }

	.slide_wrap > .slide_cont > ul li .webzine_cont .txt .sub_tit {margin-bottom: 1.67vw;}

	.slide_wrap > .slide_cont > ul li .webzine_cont .disclaimer {padding: 0.97vw 0;}

	.slide_wrap > .slide_cont > ul li .webzine_cont .disclaimer + .disclaimer  {padding: 0 0 0.97vw 0;}

	.slide_wrap > .slide_cont > ul li .txt {/* background: #fff;  */margin-bottom: 3.47vw;}

	.slide_wrap > .slide_cont .mCSB_scrollTools_vertical {width: 0.56vw;}

	.slide_wrap > .slide_cont .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

	.slide_wrap > .slide_cont .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 0.56vw; background-color: rgba(175, 175, 175, 1);}



	.obj .floating-txt {position:absolute;top: calc(5.501% + 4.17vw);left: calc(8.46% + 4.17vw);}



	.mt-110 { margin-top: -7.64vw; }

	.webzine_tit_wrap .select_wrap{padding-left: 0; margin-top: 2.08vw;}
	.webzine_tit_wrap .select_box{margin-left: 0;}
}



@media screen and (max-width: 1024px) and (min-width: 769px) {

	.sub_tit {font-size: 17px;}

	.feature.overview .overview_desc > p {font-size: 17px;}		

	.webzine_tit_wrap .obj {width: 109px;}

	.webzine_tit_wrap .select_box .option_item {font-size: 11px;}

	.webzine_tit_wrap .download p {font-size: 14px;}

	.webzine_tit_wrap .select_wrap .webzine_year {font-size: 20px;}

	.webzine_tit_wrap .select_box {height: 28px;}

	.webzine_tit_wrap .select_box .label {font-size: 20px; line-height: 28px;}

	.webzine_tit_wrap .select_box .label:before {width: 17px; height: 12px;}



	.slide_wrap .slide_obj > .prev_btn, .slide_wrap .slide_obj > .next_btn {width: 34px;height: 57px;}

	.slide_wrap > .slide_cont > ul li .obj_txt h2 {font-size: 24px;}

	.slide_wrap > .slide_cont > ul li .obj_txt p {font-size: 14px;}

	.slide_wrap > .slide_cont .mCSB_scrollTools_vertical {width: 6px;}

	.slide_wrap > .slide_cont .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

	.slide_wrap > .slide_cont .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 6px;}

}



@media screen and (max-width: 768px) {

	.small_desc{font-size: 2vw !important;}
	.slide_wrap li .popup_content .obj{top: 17.8333vw;}


	.wrap .kv {overflow: hidden;}

	.t-m-center{text-align: center !important; }

	 .sub_wrap .kv_area {height: 119.44vw;}

	 .feature.overview .overview_desc {max-width: 100%;}



	 .webzine_tit_wrap .kv_logo {width: 35vw; margin: 0 auto;}

	 .webzine_tit_wrap .select_box .option_item:last-child {padding-bottom: 4vw;}



	.webzine_tit_wrap {left: 50%;top: 56%;transform: translate(-50%, -50%);}

	.webzine_tit_wrap .obj {width: 35vw; margin: 0 auto; margin-bottom: 20px;}

	.webzine_tit_wrap .desc {color: #fefefe; line-height: 1.67;}

	.webzine_tit_wrap h1 {font: 700 9.26vw/1 acumin-pro,sans-serif; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4); letter-spacing: -.02em; color: #fefefe;}

	.webzine_tit_wrap .select_wrap {display: block;width: 100%;padding-left: 0;padding-top: 7.41vw;}

	.webzine_tit_wrap .select_wrap .webzine_year {width: 100%; font-size: 5.56vw; line-height: 1; letter-spacing: -.03em; text-align: center; text-shadow: 0px 2px 6px rgb(0 0 0 / 40%); margin-bottom: 5vw;}

	.webzine_tit_wrap .select_box {width: 100%;height: 9.26vw;margin-left: 0;}

	.webzine_tit_wrap .select_box .label {font-size: 5.56vw;line-height: 1;letter-spacing: -.03em;border-bottom: 2px solid #fff;text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4); height: 100%;}

	.webzine_tit_wrap .select_box .label:before {top: 1.82vw; right: 0; width: 5.19vw; height: 2.96vw; background: url("./../../resources/images/about/esg-performance/webzine/white_select_arrow-m.png") no-repeat 50% 50% / contain;}

	.webzine_tit_wrap .download {display: block; margin: 5.86vw 8.85vw 0;}

	.webzine_tit_wrap .download .more.white:before{box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);}



	.webzine_tit_wrap .download p {font-size: 3.89vw; font-weight: 600; }

	.webzine_tit_wrap .select_box .option_list {max-height: 60.67vw; box-shadow: 0 0.56vw 0.83vw 0 rgba(29, 29, 29, 0.11); margin-top: 0px;}

	.webzine_tit_wrap .select_box .option_item {text-align: center; font-weight: 300; font-size: 4.44vw; color: #333; padding: 4vw 0;}

	.sub_tit {font-size: 5.56vw !important; line-height: 1.25;}

	.feature.overview .overview_desc > p {font-size: 4.44vw; line-height:1.58; text-align: left; letter-spacing: -.03em;margin-top: 1.18vw;}



	.webzine_contents .tit {text-align: center;}

	.webzine_contents .contents_list {margin-top: 10.63vw;}

	.webzine_contents .contents_list ul {height: auto;}

	.webzine_contents .contents_list li {position: static;  width: calc((100% - 3%) / 2); margin-right: 2.5%;float: left;/* margin-bottom: 11.75%; */ margin-bottom: 0;transform: translateX(0); min-height: auto;}

	.webzine_contents .contents_list li:nth-child(3n) {margin-right: 2.5%; margin-bottom: 0; }

	.webzine_contents .contents_list li:nth-child(even) {margin-right: 0; transform: translateX(0); }

	.webzine_contents .contents_list li:nth-child(11) {margin-right: 0; margin-left: 2.5%;}

	.webzine_contents .contents_list li .txt {padding: 3.89vw}

	.webzine_contents .contents_list li .txt .wsnr {white-space: normal;}

	.webzine_contents .contents_list li .txt .sub_tit {font-size: 4.44vw !important;}

	.webzine_contents .contents_list li .txt .desc p {font-size: 3.89vw;}

	.webzine_contents .contents_list li .txt .desc p + p {padding-left: 2.4vw; }

	.macos .webzine_contents .contents_list li:nth-child(9) {margin-top: -7.6%;}



	#wrap section.feature.webzine_banner {background: no-repeat url("./../../resources/images/about/esg-performance/webzine/webzine_bt_banner.jpg") center/cover;padding: 0;margin-top: 25vw;height: 41.67vw;}

	#wrap section.feature.webzine_banner .banner_wrap {position: relative; max-width: 750px; width: 100%; height: 100%; margin: 0 auto;}



	/* #popup_layer  {opacity: 1; display: block;} */

	.popup_wrap .popup_inner {margin: 5.56vw auto 0; width: 88.89vw;}

	.popup_wrap .popup_cont {border-radius: 0; }

	.popup_wrap .popup_cont > li:first-child {display: block;}

	#popup_layer .close_btn {/* margin: 6.11vw auto 6.11vw; */ margin: 2.11vh auto 2.11vh;}



	.slide_wrap .slide_obj {display: none}

	.slide_wrap > .slide_cont {max-width: 1200px;min-height: auto;margin: 0 auto;overflow: hidden; position: relative;}

	.slide_wrap > .slide_cont li .obj {position: relative;}

	.slide_wrap > .slide_cont > ul li .popup_tit {padding: 4.44vw;}

	.slide_wrap > .slide_cont > ul li .obj_txt {max-width: initial;width: auto;position: absolute;bottom: 40%;left: 5%;transform: translateY(50%);}

	.slide_wrap > .slide_cont > ul li .obj_txt h2 {font-size: 3.56vw; margin-bottom: 0vw;}

	.slide_wrap .slide_cont .slide_obj {width: 1470px; left: 50%; top: 50%; transform: translate(-50%, -50%);}

	.slide_wrap > .slide_cont > ul {width: 3000%;/* margin-left: -1310px; */} 

	.slide_wrap > .slide_cont > ul li {width:calc(100% / 30);float: left;padding: 0; display: block;}

	/* .slide_wrap > .slide_cont > ul li .webzine_cont {padding: 9.3% 8.46%; } */



	.slide_wrap > .slide_cont > ul li .small_tit {font-size: 2.6vw;}

	.slide_wrap > .slide_cont > ul li .webzine_cont .txt .sub_tit {margin-bottom: 3vw;}

	.slide_wrap > .slide_cont > ul li .webzine_cont .txt {padding: 0 5.34%; margin-bottom: 9vw;}

	.slide_wrap > .slide_cont > ul li .webzine_cont .obj {padding: 5% 5.34%;}

	.slide_wrap > .slide_cont .mCSB_scrollTools {width: 0.93vw;}

	.slide_wrap > .slide_cont .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {width: 0.93vw;}

	.slide_wrap > .slide_cont .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar  {width: 100%; background-color: #afafaf;border-radius: 15px;}

	.slide_wrap > .slide_cont .mCSB_inside>.mCSB_container {margin-right: 0.93vw;}

	.slide_wrap > .slide_cont .mCSB_draggerContainer {height: 100%; background-color: #e7e7e7;}



	.obj .floating-txt {top: calc(8.34% + 2.60vw);left: calc(5.34% + 2.60vw);}

	.obj .floating-txt .sub_tit {font-size:2.56vw;}



	.mt-110 { margin-top: 0; }

}