@charset "UTF-8";
.popup__pc{display:block}
.popup__mo{display:none}
.kv__news--hide{display:block}
@media screen and (max-width:1439px) {
    /* common */
    .header__wrap{padding:0 40px}
	.gnb__link{padding:0 20px}
	.modal-open .header__wrap{padding-right:40px}
	.content__title+div{overflow:visible}
	.content__wrap{padding-left:40px;padding-right:40px}
    /* sitemap */
    .sitemap__wrap{padding:220px 40px 0}
    .sitemap__slogan{font-size:5.6vw}
    .sitemap__list>li{display:block}
    .sitemap__list>li:nth-child(2n){padding-left:0}
	/* bg */
	.item--bg{padding-left:40px;padding-right:40px}
	.item--bg,.vision,.info__image--large,.activity{margin-left:-40px;margin-right:-40px}
    /* footer */
    .footer__inner{padding:80px 40px}
    /* item */
    .item--bgsmall{margin:0 -40px;padding:45px 40px}
    /* box */
    .box__title{flex-basis:22%;padding-right:20px}
    .box__title--large--full{flex-basis:100%}
	/* core */
	.core--reverse{max-width:550px;margin:12px auto 0}
	.core--reverse>li:nth-child(3){margin-left:0}
	.core--reverse>li:nth-child(n+3){margin-top:50px}
    /* company */
	.profile{margin:0 -40px}
	.profile__title{margin-bottom:20px}
	.profile__list>li{padding:14px 0 12px}
	.profile__wrap--right{padding:30px 40px 40px}
	.banner{margin:0 -40px}
	.vision{height:auto;padding:80px 20px}
	.box--way .box__title{text-align:left}
	.box--way{margin-left:-40px}
	.box__title span{padding-left:90px}
	.box__title span:before{top:8px;width:60px}
	.core{padding-left:0;padding-right:0}
    .info__caption{margin:-100px -40px 0;padding:145px 40px}
    .process{flex-wrap:wrap;justify-content:center;gap:50px}
	.process li~li .process__circle:before{left:-32px}
    /* business */
    .main-product__item--slider{position:relative}
    .main-product__meta p{min-height:75px}
    .display-slider__btns{left:20px;right:20px;top:59%;padding:0}
    /* investment */
    .stock{padding:0 40px}
	/* recruit */
    .position{flex-wrap:wrap;justify-content:center;gap:30px}
	.position li{width:154px;height:154px;padding-top:60px;font-size:16px}
	.position__name{font-size:16px}
	.position li~li:before{left:-22px}
	.performance>li:nth-child(2):before,
    .performance>li:nth-child(2):after{content:none}
	.reward__item--blit .reward__circle:before,
    .reward__item--blit .reward__circle:after{content:none}
    .reward-system{padding:0}
    .reward__item{flex-basis:200px}
	.reward__circle{width:200px;height:200px;margin:0 auto}
    /* utility */
	.content--fit{padding-top:0 !important}
	.utility{padding-top:120px}
}
@media screen and (max-width:1280px) {
	/* popup */
	.popup{top:50%;left:50%;right:auto;bottom:auto;width:100%;max-width:400px;margin:0 auto;transform:translate(-50%,-50%)}
	.popup[data-popupindex="01"]{z-index:51}
	.popup[data-popupindex="02"]{z-index:50}
	.popup[data-popupindex="03"]{z-index:49}
	/* common */
	.tablewrap::-webkit-scrollbar{height:4px;border-radius:2px;background:var(--lightgray)}
	.tablewrap::-webkit-scrollbar-thumb{border-radius:2px;background:var(--point);background-clip:padding-box}
	.tablequick{display:none;position:absolute;top:40px;left:50%;margin-left:-50px;z-index:5}
	.tablequick__icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:50%;background:rgba(0,0,0,0.8)}
	.tablequick__icon img{max-width:24px;transform-origin:50% 100%;animation:finger 1s linear none infinite alternate}
	.business .tablewrap{position:relative;overflow-x:auto;padding-bottom:20px}
	.business .tablequick{display:block}
	@keyframes finger{0%{transform: rotate(-15deg)}100%{transform: rotate(15deg)}}
	/* company */
	.profile{display:block}
	.profile__wrap--left img{width:100%}
	.profile__list b{min-width:92px}
	.core{max-width:800px;margin:0 auto;padding:0 20px}
	.core>li:nth-child(3){margin-left:0}
	.core>li:nth-child(n+3){margin-top:50px}
	.corevalue{margin-top:0}
	.corevalue__wrap{width:100%;height:auto;background:unset}
	.corevalue__inner{flex-shrink:0;height:90px;width:90px;padding:22px 5px 0;border-radius:50%;background:#250088}
	.corevalue__item--best .corevalue__inner{padding-top:14px}
	.corevalue__logo{display:none}
	.corevalue__item{display:flex;align-items:center;position:static;width:auto;height:auto;padding:40px 20px 40px 0;background-color:unset;border-radius:unset;border-top:1px solid #e6e6e6}
	.corevalue__list{position:static;flex-grow:1;margin-left:15px}
	.corevalue__list li{display:block}
	.corevalue__list li br{display:none}
	.corevalue__item--best .corevalue__list li{text-align:left}
	.corevalue__ko{font-size:18px}
	.corevalue__en{font-size:12px;line-height:1.2}
	.flat__content{padding:0 3%}
	.item--slider{padding:80px 0}
	.activity{margin-left:0;margin-right:0}
	.activity__date{margin-bottom:30px}
	.activity__preview{margin-top:30px}
	.employee{margin-top:0;padding:0}
	.employee__icon{width:160px;height:160px;line-height:160px}
    .business-location__tbl th{width:50%}
    .business-location__tbl th,
    .business-location__tbl td{padding:40px 10px}
    /* business */
    .service-location{padding:28px 20px}
    /* recruit */
    .position{flex-wrap:wrap;justify-content:center;gap:25px}
	.position li~li:before{left:-18px}
    .reward-system{flex-wrap:wrap;justify-content:center;gap:60px}
	/* privacy */
	.btn-privacy{width:160px;height:160px}
    .btn-privacy__icon1{width:160px;height:160px}
    .btn-privacy__icon2{width:160px;height:160px}
    .btn-privacy__icon3{width:160px;height:160px}
    .btn-privacy__icon4{width:160px;height:160px}
}
@media screen and (max-width:1023px) {
	.brmt{display:none}
	.kv__news--hide{display:none}
    /* common */
    .wrap{font-size:16px}
    .header__wrap{padding:30px 20px}
    .logo__link{width:109px;height:12px;background-size:109px 12px}
    .gnb{display:none}
    .snb{line-height:19px}
    .snb__item~.snb__item{margin-left:10px}
    .snb__contact,.snb__lang{font-size:12px}
    .snb__lang:after{width:4px;height:9px;margin-top:-4px;background-size:4px 9px}
    .btn-menu{width:26px;height:19px}
    .btn-menu__line{height:2px}
    .btn-menu__line--top{width:14px}
    .btn-menu__line--bottom{width:10px}
    .modal-open .header__wrap{padding-right:20px}
    .modal-open .btn-menu.on .btn-menu__line--top{top:8px}
    .modal-open .btn-menu.on .btn-menu__line--bottom{width:14px}
	.subtitle{font-size:22px;font-weight:600;text-align:center}
	.subtitle~.unit{margin-top:15px}
	.notice{margin-top:40px}
	.pagination{margin-top:60px}
    /* sitemap */
    .sitemap.active{padding-right:0}
    .sitemap__wrap{overflow-y:auto;height:calc(100% - 85px);margin-top:85px;padding:0 20px 20px;flex-direction:column}
    .sitemap__wrap::-webkit-scrollbar{display:none}
    .sitemap__box{flex:none}
    .sitemap__box~.sitemap__box{margin-top:25px;padding-bottom:60px;}
    .sitemap__slogan{font-size:9vw}
    .sitemap__slogan span{overflow:hidden;display:block;position: relative;font-size:9vw;font-weight:bold;line-height:1.2; -webkit-text-stroke:1px #000;color:transparent}
    .sitemap__slogan span:nth-child(1):before{content:'DIGITAL';display:block;font-size:9vw;font-weight:bold;line-height:1.2;transition-delay: 0.2s}
    .sitemap__slogan span:nth-child(2):before{content:'TRANSFORMATION';display:block;font-size:9vw;font-weight:bold;line-height:1.2;transition-delay:0.4s}
    .sitemap__slogan span:nth-child(3):before{content:'LEADER';display: block;font-size:9vw;font-weight:bold;line-height:1.2;transition-delay:0.6s}
    .sitemap__slogan span:before{overflow:hidden;position:absolute;top:0;left:0;height:0;transition:height 0.3s ease-out;color:#000}
    .sitemap__slogan.active span:before{height:100%}
    .sitemap__item{padding-left:0}
    .sitemap__title{font-size:28px}
    .sitemap__list{margin:0;padding-left:20px}
    .sitemap__list>li{display:block;margin:15px 0;font-size:18px}
    .sitemap__list>li:nth-child(2n){padding-left:0}
    .modal-open .sitemap__slogan span:before{height:100%;color:#000}
    /* footer */
    .footer{padding-top:80px}
	.footer__inner{flex-direction:column;padding:60px 20px}
    .footer__box{float:none;width:100%}
    .footer__box--right{text-align:left}
    .footer__slogan{margin-bottom:50px;font-size:28px;line-height:34px}
    .footer__logo{margin-bottom:25px;line-height:1}
    .footer__logo img{width:70%}
    .footer__familysite{float:none;width:100%}
    .footer__utility{margin-top:40px;margin-bottom:35px;font-size:16px}
    .footer .select__list{top:auto;bottom:48px}
	.footer__utility>a{padding-left:20px}
	.footer__utility>a:before{left:9px;height:13px;margin-top:-7px}
    .address{margin-top:0}
    .btn-top{position:absolute;top:282px;right:20px;width:60px;height:60px}
    .btn-top__icon{width:60px;height:60px;background-size:7px 20px}
    /* search */
    .search{display:block;margin-bottom:35px}
    .search__item~.search__item{margin-top:10px;margin-left:0}
    /* select */
    .ipt{height:50px;padding:0 15px}
    .ipt--search{padding-left:15px;padding-right:40px}
    .select__list{top:47px;padding:10px 15px}
    .btn-select{height:48px;padding-left:15px;padding-right:30px;line-height:48px}
    .btn-select:after{right:15px}
    .btn-search{right:15px;width:20px;height:18px;margin-top:-8px}
	.tawrap{padding:20px 15px 40px}
    /* tab */
    .tab{display:none}
    .select--mo{display:block;margin-bottom:35px}
    /* accordion */
    .accordion__link{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
    .accordion__link:after{content:none}
    .accordion--small .accordion__link{padding:18px 0}
	.accordion__text{flex-basis:calc(100% - 60px);flex-direction:column;align-items:flex-start;gap:8px;padding-left:15px;padding-right:0}
	.accordion__title{font-size:18px;line-height:22px}
	.accordion__title--sub{display:block;-webkit-box-orient:unset;-webkit-line-clamp:unset}
	.accordion__title.on{white-space:unset;overflow:unset;text-overflow:unset}
	.accordion--small .accordion__title{font-size:18px}
	.accordion__title small{margin-top:0;font-size:16px}
	.accordion__info{flex-basis:auto}
	.accordion__icon{flex-basis:60px;position:static;margin-top:0}
    .accordion__content{position:relative;padding:0 15px 30px}
    .accordion__category,
    .accordion__date{display:inline-block;font-size:12px}
    /* sub */
    .content{padding-top:250px}
    .content__wrap{padding-top:80px}
    .content__wrap--fit{margin-bottom:-80px;padding-left:40px;padding-right:40px}
    .content__title{font-size:32px;line-height:1.25}
    .content__title--large{margin-bottom:40px}
	.content__title+div{overflow:visible}
    /* subvisual */
    .subvisual{position:absolute;height:250px;padding:0 20px}
    .subvisual__title{margin-bottom:5px;padding-top:40px;font-size:40px}
    .subvisual__description{font-size:16px}
    /* breadcrumb */
    .breadcrumb{border-bottom:1px solid var(--lightgray)}
    .breadcrumb__menu{width:50%;height:50px}
    .breadcrumb__menu--home,
	.breadcrumb__menu:first-child{display:none}
    .breadcrumb__btn{width:100%;max-width:none;min-width:auto;padding:0 50px 0 20px;line-height:50px}
    .breadcrumb__btn:after{right:20px;margin-top:-2px}
	.breadcrumb__btn.active:after{margin-top:-4px}
    .breadcrumb__list{top:50px;padding:18px 20px}
	.breadcrumb__list>li a{min-height:22px;line-height:18px}
	.breadcrumb__list>li:hover a{font-weight:400}
	/* btn */
    .buttons{margin-top:40px}
    .btn--large{width:100%;line-height:50px}
    .btn-link{width:100%;line-height:48px;border-color:#b77e31;background:#b77e31;color:var(--white)}
    .btn-link span:after{background:url(../images/icon_link_white.svg) no-repeat}
    .btn--submit{background:var(--point);color:var(--white)}
    /* tbl */
    .tbl tr th{padding:16px 15px;font-weight:500}
    .tbl tr td{padding:16px 15px}
    .tbl tr td strong{font-weight:500}
    .tbl--stock tr th{font-weight:600}
    /* nodata */
    .nodata{padding-bottom:75px}
    .nodata__icon img{width:53px}
    .nodata__title{font-size:22px;line-height:1.22}
    .nodata__description{margin-top:15px}
    /* popup */
    .popup__wrap{padding:50px 20px}
    .popup__inner{flex-basis:100%;max-width:900px}
    .popup__box{padding:20px}
    .popup__header{padding-bottom:18px}
    .popup__category{font-size:12px;margin-bottom:5px}
    .popup__title{max-height:44px;font-size:18px;line-height:22px}
    .popup__imagewrap{padding:20px 0}
    .popup__image{padding:0}
    /* title */
    .title{margin-bottom:20px;font-size:28px}
    .title--tal{text-align:left}
    .title--fit{margin-bottom:15px}
    .title--small{font-size:18px}
    /* info */
    .info__image--fit{margin-top:0}
    .info__caption{margin:-40px -40px 0;padding:65px 40px 60px;font-size:16px}
	.info__description{margin-top:20px}
    /* item */
    .item{position:relative;margin-top:60px}
    .item--line{padding-top:60px}
    .item--xsmall{margin-top:40px}
    .item--small{margin-top:50px}
    .item--fit{margin-top:0}
    .item--bg{padding:60px 40px}
    /* inner */
	.inner--small{padding:35px 15px 0}
	.inner--margin{margin-top:50px}
    .inner~.inner{margin-top:60px;padding-top:55px}
    .inner~.inner--small{padding:35px 0 0}
    /* textbox */
    .textbox{padding-left:40px}
    .textbox--fit{padding-left:0}
    .textbox__number{top:1px}
    .textbox__number--fit{top:0}
	.textbox__number--fit+.textbox__subtitle{top:0}
    .textbox__title{font-size:18px}
    .textbox__title small{display:block;margin-top:10px;padding-left:0;font-size:16px}
    .textbox__title small:before{content:none}
    .textbox__subtitle{margin-bottom:10px;font-size:18px}
	.textbox--ethics .textbox__subtitle{margin-top:15px;font-size:16px}
    /* list */
	.list>li{padding-left:10px}
	.list>li:before{width:3px;height:3px}
	.list small{line-height:30px}
	/* box */
	.box{display:block}
    .box__title{flex-basis:100%;margin-bottom:20px;padding-right:0;font-size:26px;font-weight:600;text-align:center}
    .box__title br{display:none}
    .box__title--small{font-size:20px;text-align:left}
	.box__inner{position:relative}
	.box__inner~.box__inner{margin-top:40px;padding-top:40px}
	.business-overview .box__title{text-align:left}
	/* split */
	.split{gap:50px}
	.split__title{margin-bottom:15px;padding-bottom:17px;font-size:18px}
	.split__title--fit{margin-bottom:0}
	.split__title small{display:inline-block;margin-left:10px;font-size:12px}
	.split>li{flex-basis:calc(50% - 25px)}
    /* icons */
    .icons{flex-wrap:wrap;justify-content:center}
    .icons--box{padding:26px 0 0}
    .icons--box--large{padding:30px 0}
    .icons>li{flex:0;flex-basis:33.33333333%;margin-top:20px;padding:0 20px 50px;border-right:0 none}
	.icons__title{margin:25px 0 20px;font-size:18px}
	.icons__icon{padding-top:0}
	.icons--four>li{flex-basis:50%}
	/* company */
	.history__year{font-size:50px}
	.ceo{padding-bottom:60px}
	.ceo__signature{margin-top:40px;text-align:right}
	.ceo__name{display:block;margin-left:0;margin-top:5px}
	.banner{height:auto;padding:60px 30px 120px;background-attachment:unset;background-position:50%;background-size:cover}
	.banner--greeting{background-image:url(../images/bg_company-banner01_mo.jpg)}
	.banner__title{font-size:22px;line-height:32px}
	.infos{margin-top:-60px}
	.infos__item{flex-basis:46%;margin-bottom:80px}
	.infos__title{margin-top:22px}
	.infos__description{margin-top:12px}
	.vision{padding:50px 20px}
	.vision__title,.vision__description{font-size:22px}
	.principle{margin:0 -20px}
	.principle>li{margin:0 20px}
	.principle__title{margin-top:15px;font-size:18px}
	.employee__title{margin-top:20px;font-size:18px}
	.privacy__title{margin-top:20px;font-size:18px}
	.location__map{margin-bottom:40px}
	.location__button{margin-top:40px;display:flex;justify-content:space-between}
	.location__button a{flex-basis:49%;margin:5px 0}
	.ethics-report__title{font-size:18px}
	.ethics-rights{margin-top:30px}
	.ethics-rights__title{margin-top:20px;font-size:16px}
	.box--way .box__wrap{padding-left:90px}
	.box--way .box__wrap .flex{display:block}
	.box--way .box__wrap .flex__item{margin-left:0}
	.box--way .box__wrap .flex__item~.flex__item{margin-top:18px}
	.core .list{max-width:260px;margin:0 auto}
	.activity{margin-left:-40px;margin-right:-40px}
	.activity__wrap{flex-direction:column;align-items:unset}
	.activity__slider{padding:0 20px}
	.activity__slider .swiper-slide{opacity:0.3}
	.activity__slider .swiper-slide img{width:100%;}
	.activity__slider .swiper-slide-active{opacity:1}
	.activity__preview {display:none}
	.activity__information{width:100%;margin-left:0;padding:0 20px}
	.activity__meta{max-width:unset;padding-top:15px}
	.activity__title{height:52px;margin-bottom:15px;font-size:18px;line-height:26px}
	.activity__date{font-size:14px}
	.activity__cursor{display:none}
    /* business */
    .link-cursor{margin-top:36px}
	.link-cursor .cursor{display:none}
    .graph__wrap{flex-direction:column;padding:20px 15px}
    .graph__inner{padding:20px 5px}
    .graph__wrap--large .graph__inner{margin-bottom:10px;padding:20px 5px}
    .graph__wrap--large .graph__arrow--right+.graph__inner{margin-top:10px;margin-bottom:0}
    .graph__item{padding:0 20px 20px 20px}
    .graph__title{font-size:18px;line-height:53px}
    .graph__item .graph__title{margin-top:20px;margin-bottom:10px}
    .graph__item .icons>li:last-child{padding-bottom:20px}
    .graph__box{padding:17px 7px 20px;}
    .graph__box--large{min-height:0;padding:35px 20px}
    .graph__box~.graph__box{margin-top:10px}
    .graph__arrow{position:static;margin-top:0;margin-left:-12px;transform:rotate(90deg)}
    .figure--box{padding:40px 0;border:1px solid var(--lightgray);text-align:center}
    .business-feature{flex-direction:column;margin:60px 0}
    .business-feature>li{flex-basis:auto;padding:40px 0;border-bottom:1px solid var(--lightgray)}
    .business-feature>li:first-child{padding-top:0}
    .business-feature>li:last-child{padding-bottom:0;border-bottom:0 none}
    .business-feature>li:before{content:none}
    .business-feature>li:after{top:auto;left:50%;bottom:-15px;margin-top:0;margin-left:-15px;transform:rotate(90deg)}
    .business-feature__step{font-size:12px}
    .business-feature__title{margin-top:10px;font-size:18px}
    .business-location{flex-direction:column}
    .business-location__map{margin:0 auto}
	.business-location__map--contact{display:none}
    .business-location__tbl{flex:auto;width:100%;margin-left:0}
	.business-location__tbl tr{display:flex}
	.business-location__tbl tr:nth-child(2):before{top:0}
	.business-location__tbl tr:before{top:0}
	.business-location__tbl tr th{display:inline-block}
	.business-location__tbl td{display:inline-block;width:calc(50% - 4px)}
    .set .icons--box{display:flex;flex-wrap:wrap;padding:25px 10px}
    .set .icons--box>li{flex-basis:25%;margin-top:0;margin-bottom:25px;padding-bottom:0;border-bottom:0 none}
    .set .icons--box>li:nth-child(4n):after{content:none}
    .set .icons--box>li:nth-child(n+5){position:relative;margin-top:25px;margin-bottom:0}
    .set .icons--box>li:nth-child(n+5):before{content:'';position:absolute;top:-30px;left:0;right:0;height:1px;background:var(--lightgray)}
    .set .icons--fixed{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}
    .set .icons--fixed>li{flex:0;flex-basis:calc(50% - 5px);margin:4px 2px 0;padding:20px 0;border-bottom:0 none;border-radius:4px;background:#f9f9f9}
    .set .icons--fixed>li~li{margin-top:5px}
    .products__menu{display:none;overflow-x:scroll;margin-bottom:25px;padding-bottom:10px}
    .products__menu>a{padding:0 15px;white-space:nowrap}
	.products__menuwrap{display:flex;justify-content:center}
	.products__list{gap:35px}
    .products__name{font-size:16px;bottom:15px}
    .products-preview{display:block}
    .products-preview__image{flex-direction:column;margin-bottom:35px}
    .products-preview__slider,
    .products-preview__thumbnail{width:100%}
    .products-preview__slider .swiper-slide{text-align:center}
    .products-preview__thumbnail{height:auto;min-height:55px}
    .products-preview__title{margin-bottom:5px;font-size:28px}
    .products-preview__description{font-size:18px}
    .products-preview__feature{margin-top:10px;font-size:16px}
    .products__info{display:none}
    .products-tbl{margin-top:20px}
	.products__link:hover .products__name{display:block !important}
    /* investment */
    .director__information{padding-left:0}
    .director__information strong{position:static;display:block;margin-bottom:10px;font-size:16px;font-weight:600}
    .director__notice{margin:35px 0}
    .director__career li{padding-left:10px;font-size:16px}
    .director__career li:after{width:3px;height:3px}
    .director__career li~li{margin-top:20px}
    .director__career li strong{display:block;width:auto;margin-bottom:10px;font-weight:600}
    .organization__button{margin-top:40px}
    .rating__table{position:relative;margin-top:20px}
    .rating__item~.rating__item{margin-top:55px}
	.rating__esg{margin-bottom:40px}
    .kcgs{margin-top:40px}
    .kcgs__title{font-size:22px;text-align:center}
    .kcgs__wrap{flex-direction:column;align-items:flex-start;padding:15px}
    .kcgs__grad{width:100%;margin-right:0;margin-bottom:15px;padding-right:0;padding-bottom:15px;border-right:0 none;border-bottom:1px solid var(--lightgray);align-items:center}
    .kcgs__logo{max-width:80px;text-align:center}
    .kcgs__logo img{width:60px}
    .kcgs__list{margin-left:18px}
	.kcgs__sort{margin-top:10px}
    .rating__ungc{margin-bottom:40px}
    .ungc{margin-top:30px}
    .ungc__title{font-size:22px;text-align:center}
    .ungc__wrap{flex-direction:column;align-items:flex-start;padding:15px}
    .ungc__grad{width:100%;margin-right:0;margin-bottom:15px;padding-right:0;padding-bottom:15px;border-right:0 none;border-bottom:1px solid var(--lightgray);align-items:center}
    .ungc__logo{max-width:80px;text-align:center}
    .ungc__logo img{width:60px}
    .ungc__list{margin-left:18px}
	.ungc__sort{margin-top:10px}
    .financial__table{position:relative}
    .training__table{position:relative}
	.brochure__title{font-size:26px}
	.brochure__thumbnail{max-width:250px}
	.brochure__content{padding-left:140px;padding-top:80px;padding-right:0;padding-bottom:60px}
	.report__title{min-height:28px;margin-top:20px;font-size:20px;line-height:28px}
	.report{margin:0 -5px}
	.report li{flex-shrink:0;margin-top:40px;padding:0 5px}
	.report__title{margin-top:10px;font-size:16px;line-height:1.4}
    .stock{padding:0}
    .stockinfo__title{font-size:16px;line-height:50px}
    .stockinfo__list{flex-wrap:wrap}
    .stockinfo__list li{flex-basis:50%;padding:15px 0;border-bottom:1px solid #25317e;font-size:12px}
    .stockinfo__list strong{font-size:16px}
    .stockinfo__list strong.stockinfo__current{font-size:22px;line-height:inherit}
    .stockinfo__list strong.stockinfo__current small{font-size:12px}
    .stock__flex{flex-direction:column}
    .stock__item~.stock__item{border-left:0 none}
    .stock__item~.stock__item .tbl--stock{border-top:0 none}
    .stock__tab{display:none}
    .stock__table{position:relative}
    /* prcenter */
	.newslist__link{padding:20px;align-items:start}
	.newslist__content{padding-left:30px}
	.newslist__title{margin-bottom:10px;font-size:22px}
	.newslist__description{line-height:inherit}
	.newslist__date{margin-top:20px}
	.newslist__category{padding:8px 18px;font-size:14px}
	.detail__content{padding:30px}
    .attach__item{padding:15px 0}
    .attach__title:after{top:50%;height:10px;margin-top:-5px}
    .navigator{margin-top:40px;padding:35px}
    .navigator__en{color:#000}
    .disabled .navigator__en{color:var(--gray)}
    .navigator__title{display:none}
    .navigator__direction--prev{padding:0 0 0 25px}
    .navigator__direction--next{padding:0 25px 0 0}
    .promotion__video{margin-bottom:30px}
    .promotion__detail{border-top-width:1px}
	.awardlist__inner{padding:30px 10px}
	.awardlist__thumbnail{margin-right:20px}
	.awardlist__title{word-break:break-all}
	.awardlist__content{padding:15px 10px}
	.awardlist__btn{bottom:0;left:0;width:45px;height:45px}
	.awardlist__icon{width:45px;height:45px;}
	.awardlist__btn{background:var(--point)}
	.awardlist__icon--more{background-image:url(../images/icon_plus_white.svg)}
    /* recruit */
    .description{margin-bottom:25px}
    .description--large{margin-bottom:60px}
	.description~.tablewrap{margin-top:30px}
    .talent{margin-bottom:0}
    .reward-system{gap:10px}
    /* tablewrap */
    .tablewrap{position:relative;overflow-x:auto;padding-bottom:20px}
    .tablewrap .tbl{width:1010px}
    .tablequick{display:block}
	/* utility */
	.utility{padding-top:70px}
	.utility__item~.utility__item{margin-left:10px}
	.utility__compare{overflow-x:auto}
	.utility__compare::-webkit-scrollbar{height:4px;border-radius:2px;background:var(--lightgray)}
	.utility__compare::-webkit-scrollbar-thumb{border-radius:2px;background:var(--point)}
	.fulltext__title{font-size:18px}
	.compare{width:1024px}
	.compare .fulltext__item~.fulltext__item{margin-top:35px;padding-top:35px}
	.btn-compare{line-height:46px}
	/*contact us*/
	.popup--large .popup__title{font-size:28px}
	.form-group:first-child{padding-top:20px}
    /* icon */
    .icon-download,
    .icon-link{background:var(--point) !important}
    .icon-download:before{background-image:url(../images/icon_download_white.svg)}
    .icon-link:before{background-image:url(../images/icon_link_white.svg)}
}
@media screen and (max-width:767px) {
	/* common */
	.popup__pc{display:none}
	.popup__mo{display:block}
	.brm{display:none !important}
	.brmb{display:block !important}
	.snb__item:first-child{display:none}
	.modal-open .header__wrap{padding-right:20px}
	.gnb__link{padding:0 20px}
	.footer{padding-top:70px}
	/* bg */
	.item--bg,.vision,.info__image--large,.activity{margin-left:-20px;margin-right:-20px}
	.item--bg,.content__wrap,.sitemap__wrap,.header__wrap{padding-left:20px;padding-right:20px}
	/* content */
	.content__wrap{padding-top:60px}
	.content__wrap--fit{margin-bottom:-70px}
	.content__title{margin-bottom:25px;font-size:28px}
	.content__title--large{margin-bottom:35px}
	.title{font-size:22px}
	/* info */
	.info__title{font-size:16px;text-align:left}
	.info__description{text-align:left}
	.info__image{margin-top:20px}
	.info__image--way{height:auto;padding-top:100%}
	.info__image--talent{height:auto;padding-top:51.51%}
	/* icons */
	.icons{display:block}
	.icons>li{padding-bottom:40px;border-right:0 none;border-bottom:1px solid var(--lightgray)}
	.icons>li~li{margin-top:40px}
	.icons>li:last-child{padding-bottom:0;border-bottom:none}
	.icons--fit>li{padding:0 15px 40px}
	.icons--box>li:nth-child(n+5){margin-top:0;margin-bottom:0;border-bottom:0 none}
	.icons--box>li:nth-child(4n):after{content:none}
	.icons__icon{padding-top:0}
	.icons__title{margin:20px 0 15px;font-size:16px;font-weight:600}
	.icons--box{padding:30px 20px}
	.icons--large .icons__title{font-size:16px}
    /* textbox */
    .textbox{padding-left:40px}
    .textbox--fit{padding-left:0}
    /* box */
	.box__title{margin-bottom:15px;font-size:22px}
	/* split */
	.split{flex-wrap:nowrap;flex-direction:column;gap:50px;margin-top:20px}
	.split>li{flex-basis:100%}
	.split__figure img{width:100%}
	.split__button{margin-top:20px}
	/* flex */
	.flex{flex-direction:column}
	.flex__item~.flex__item{margin-top:20px}
	/* tablewrap */
	.tablewrap{overflow-x:auto;padding-bottom:20px}
	.tablewrap::-webkit-scrollbar{height:4px;border-radius:2px;background:var(--lightgray)}
	.tablewrap::-webkit-scrollbar-thumb{border-radius:2px;background:var(--point);background-clip:padding-box}
	.tablewrap .tbl{width:820px}
	.tablequick{display:block;position:absolute;top:40px;left:50%;margin-left:-50px}
	.tablequick__icon{display:flex;justify-content:center;align-items:center;width:100px;height:100px;border-radius:50%;background:rgba(0,0,0,0.8)}
	.tablequick__icon img{max-width:32px;transform-origin:50% 100%;animation:finger 1s linear none infinite alternate}
	.graphbg{transform:scale(0.9)}
	@keyframes finger {0%{transform: rotate(-15deg)}100%{transform: rotate(15deg)}}
	/* subvisual */
	.subvisual--company{background-image:url(../images/bg_company_mo.jpg)}
	.subvisual--business{background-image:url(../images/bg_business_mo.jpg);background-position:center}
	.subvisual--investment{background-image:url(../images/bg_investment_mo.jpg)}
	.subvisual--prcenter{background-image:url(../images/bg_prcenter_mo.jpg)}
	.subvisual--recruit{background-image:url(../images/bg_recruit.jpg);background-position:55% 0}
	.subvisual--contactus{background-image:url(../images/bg_contact_mo.jpg)}
	.subvisual--esg{background-image:url(../images/bg_esg_mo.jpg)}
	/* company : overview */
	.profile__title{font-size:22px}
	.history__wrap{padding-left:0}
	.history__wrap:before{left:3px}
	.history__year{left:0;top:-65px;right:auto;font-size:54px}
	.history__number{margin-bottom:10px;font-size:18px}
	.history__list>li{padding-left:40px;padding-bottom:30px}
	.history__list li:first-child{margin-top:90px}
	.history__list li:last-child{padding-bottom:0}
	.history__list>li:before{top:10px}
	.history__list>li:after{top:6px}
	.history__inyear{margin-top:70px}
	.history__line{left:3px}
	.ceo__content{text-align:left}
	.ceo__content strong{font-size:16px}
	.infos{flex-direction:column;padding-bottom:0}
	.infos__figure img{width:100%}
	.infos__item{margin-bottom:50px}
	.infos__item:nth-child(2n){top:auto}
	.infos__title{margin-top:25px;font-size:18px}
	.infos__description{margin-top:5px}
	.vision{padding:60px 20px}
	.vision__title{font-size:22px}
	.vision__description{font-size:24px;line-height:34px}
	.box--way{margin-top:-20px}
	.box__title span{font-size:18px}
	.ethics-report>li{padding:35px 20px}
	.principle{display:block}
	.principle__title{margin:15px 0 35px 0}
	.principle__image img{width:100%}
	.principle li:last-child .principle__title{margin-bottom:0}
	.employee{flex-direction:column}
	.employee__icon{height:184px;width:184px;margin:0 auto;line-height:184px}
	.employee__title{margin:20px 0 40px 0;font-size:16px}
	.employee li:last-child .employee__title{margin-bottom:0}
	
	/* privacy */
	.privacy{flex-direction:column}
	.privacy__title{margin:20px 0 40px 0;font-size:16px}
	.privacy li:last-child .privacy__title{margin-bottom:0}
	.btn-privacy{height:184px;width:184px}
	.btn-privacy__icon1{width:184px;height:184px}
    .btn-privacy__icon2{width:184px;height:184px}
    .btn-privacy__icon3{width:184px;height:184px}
    .btn-privacy__icon4{width:184px;height:184px}
	
	.ethics-report{flex-direction:column}
	.ethics-report__wrap{flex-direction:column}
	.ethics-report__title{min-height:0;margin-bottom:15px;font-size:18px}
	.ethics-report__contact-item{padding-top:30px;padding-left:0}
	.ethics-report__contact-item span{top:0}
	.ethics-report__contact-item~.ethics-report__contact-item{margin-top:30px}
	.ethics-rights{margin-top:40px;flex-direction:column}
	.ethics-rights>li{margin-left:0}
	.ethics-rights li ~ li{margin-top:40px}
	.ethics-rights__image img{width:100%}
	.ethics-rights__title{margin:20px 0 10px;font-size:16px}
	.ethics-process__title{font-size:18px}
	.ethics-process__title span{margin-right:10px}
    .flat>li{flex-direction:column;align-items:flex-start}
    .flat>li:nth-child(2n){flex-direction:column}
    .flat>li~li{margin-top:60px}
    .flat__thumbnail{margin-bottom:30px}
    .flat__content{padding:0;align-self:flex-start}
	.core{display:block;margin-top:0}
	.core>li{display:block;width:auto;margin:0 auto}
	.core>li~li,.core>li:nth-child(3){margin:50px auto 0}
	.core__circle{width:200px;height:200px;margin:0 auto 30px;padding:20px}
	.core__circle~.list{padding:0}
	.core__ko{font-size:16px}
	.core__en{font-size:14px}
	.core__icon{margin-bottom:8px;padding-top:34px}
	.core__icon .ico{height:40px}
	.core__icon .ico img{height:70%}
	.core--reverse>li:nth-child(3){margin-left:auto}
	.core--reverse>li:nth-child(n+3){margin-top:60px}
	.core--reverse .core__circle{width:184px;height:184px;margin:0 auto 30px;padding:20px}
	.core--reverse .core__ko{font-size:16px;line-height:22px}
	.core--reverse .core__icon{margin-bottom:10px;padding-top:35px}
	.core--reverse .core__circle~.list,
	.core--reverse>li:nth-child(2) .core__circle~.list{padding:0}
	.core--reverse>li:nth-child(1) .core__icon, .core--reverse>li:nth-child(3) .core__icon, .core--reverse>li:last-child .core__icon{margin-bottom:2px}
    .mapbox{padding-top:84.375%}
    .address .icons__icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:35px}
    .address .icons__title{margin:0;font-size:16px}
    .address .icons>li{position:relative;padding:30px 0 30px 80px;text-align:left;font-size:16px}
    .address .icons>li{margin-top:0}
    .address .icons>li:last-child{border-bottom:1px solid var(--lightgray)}
    .address .icons__description{margin-top:0}
	.location__map{margin-bottom:0}
    /* pagination */
    .pagination{margin-top:40px}
    .pagination>a{width:28px;height:28px;margin:0;font-size:14px;line-height:28px}
    .pagination>a.pagination__btn--prev{margin-right:0}
    .pagination>a.pagination__btn--next{margin-left:0}
    .process{flex-direction:column;gap:0}
    .process.mo{display:none}
    .process--small li{flex-basis:180px;max-width:180px;margin:0 auto}
    .process--small li~li{margin-top:75px}
    .process--small .process__circle{width:180px;height:180px;margin:0 auto;padding-top:52px}
    .process li~li .process__circle:before{top:-47px;left:50%;width:17px;height:13px;margin-top:0;margin-left:-6px;background-size:17px 13px;transform:rotate(90deg)}
    .process--small .process__title{margin-top:10px;font-size:18px}
	.guide__table{margin-top:50px}
    /* business */
	.business-location__map--contact{display:none}
	.business-location__tbl tr{flex-direction:column}
    .business-location__tbl th{display:block;width:100%;padding:35px 0 0 0;font-size:16px}
    .business-location__tbl td{display:block;width:100%;padding:0 0 35px 0}
    .business-location__tbl td{margin-top:10px;padding-left:25px;border-top:0 none !important}
	.business-location__name:before{top:13px}
	.main-product_wrap{position:relative;flex-direction:column;padding-top:70px}
	.main-product__item{flex-basis:auto;align-self:auto}
	.main-product__item:last-child{padding-right:0}
	.main-product__item--slider{max-height:215px;min-height:auto}
	.main-product__item--slider .table{max-height:215px;min-height:auto}
	.main-product__item--slider .swiper-slide img{max-height:215px}
	.main-product__titlewrap{position:absolute;top:0;left:0;right:0}
	.main-product__title{font-size:22px}
	.main-product__bar{margin-top:15px}
	.main-product__subtitle{margin:30px 0 15px;font-size:18px}
	.main-product__spec{margin-top:35px}
	.display-slider__btn{width:12px;height:25px;background-size:12px 25px;margin-top:-12px}
	.display-slider__btn--prev {left:10px}
	.display-slider__btn--next {right:10px}
	.display-slider__indicator .swiper-pagination-bullet{margin:0!important}
    .products__menu{justify-content:flex-start}
    .products__list{gap:0;flex-wrap:nowrap;flex-direction:column}
    .products__list>li{margin-bottom:20px}
    .products__name{bottom:30px}
    .products-preview__thumbnail .swiper-slide img{max-width:100%}
    .products-tbl th{display:block;width:100%;padding:25px 0 0 0;border-bottom:0 none;font-weight:500;color:var(--black)}
    .products-tbl td{display:block;width:100%;margin-top:10px;padding:0 0 25px 0;border-bottom:1px solid var(--lightgray)}
    .products-tbl td:before{content:none}
	.service-location{flex-direction:column;margin-top:60px;padding:0;border:0 none}
	.service-location__info{flex-basis:auto;align-self:auto;margin-left:0}
	.service-location__title{font-size:18px;padding-bottom:20px}
	.service-location__title:before{top:5px}
	/* investment */
	.brochure{margin-bottom:10px;padding-top:40px}
	.brochure__text img,
	.brochure__thumbnail{width:100%;max-width:none;padding-left:0;text-align:center}
	.brochure__text{display:none}
	.brochure__image{display:inline-block}
	.brochure__image img{height:320px}
	.brochure__content{margin:0 -20px;padding:320px 20px 40px 20px}
	.brochure__content:after{content:none}
	.brochure__titlewrap{display:flex;justify-content:space-between;align-items:center}
	.brochure__title{min-height:24px;font-size:18px;line-height:24px}
	.brochure__listitle{font-size:16px}
	.brochure__list>li{padding-left:40px;line-height:26px}
	.report{margin:-0 -5px}
	.report li{flex-basis:50%;margin-top:40px;padding:0 5px}
	.report__title{min-height:22px;margin-top:10px;font-size:18px;line-height:22px}
	.report__thumbnail img{width:100%}
    .ct-point{stroke-width:1px}
	.stockgraph .ct-labels foreignObject{position:relative}
	.stockgraph .ct-labels foreignObject span.ct-horizontal{position:absolute;left:-10px}
	/* prcenter */
	.newslist__link{display:block}
	.newslist__link{padding:30px 0 26px}
	.newslist__content{flex:1;margin-top:25px;padding-left:0}
	.newslist__category{padding:5px 15px;font-size:12px}
	.newslist__title{margin-bottom:15px;font-size:22px;line-height:1.45}
	.newslist__description{line-height:26px}
	.newslist__date{margin-top:20px;font-size:12px}
	.newslist__thumbnail img{width:100%}
	.newslist li:last-child .newslist__link{padding-bottom:0;border-bottom:0}
	.detail__header{padding:20px 0 25px}
	.detail__category{font-size:12px}
	.detail__title{margin-top:3px;font-size:22px;line-height:1.23}
	.detail__date{font-size:12px}
	.detail__content{padding:30px 0}
    .btn-videoplay{width:32px;height:32px;margin-top:-16px;margin-left:-16px;background-size:32px 32px}
	.awardlist{flex-direction:column;flex-wrap:nowrap}
	.awardlist__thumbnail{flex-basis:50%;margin-right:18px}
	.awardlist__thumbnail img{max-width:100%}
	.awardlist__content{flex-basis:50%;padding:0}
	.awardlist__category{font-size:12px}
	.awardlist__title{margin:15px 0 10px;min-height:28px;font-size:18px;line-height:24px}
	.awardlist__agency{min-height:16px;font-size:12px;line-height:16px}
    .performance{flex-direction:column}
    .performance>li~li{position:relative;margin-top:40px;padding-top:40px}
    .performance__icon{width:180px;height:180px;margin:0 auto;padding-top:48px}
    .performance__title{font-size:18px}
    /* recruit */
    .reward-system{display:block}
    .reward__item{margin-top:60px}
    .reward__circle{margin:0 auto}
    .reward__list{margin-top:30px}
    .reward__wrap{position:relative;border-width:16px;color:inherit}
    .reward__list{max-width:260px;margin:0 auto;margin-top:30px}
	.reward__list li img{max-width:80%}
	.reward__icon img{height:46px}
	.reward__title{margin-top:18px}
	.reward__item{flex-basis:240px}
	.reward__circle{width:240px;height:240px;margin:0 auto}
	.position{display:flex;flex-direction:column;justify-content:center;gap:0}
	.position li{width:180px;height:180px;margin:0 auto;padding-top:74px}
	.position li~li{margin:55px auto 0}
	.position li~li:before{top:-37px;left:50%;width:17px;height:13px;margin-top:0;margin-left:-6px;background-size:17px 13px;transform:rotate(90deg)}
	.position__name{font-size:16px}
	.guide__description~.guide__description{margin-top:10px}
	/* utility */
	.utility__header~.utility__body{margin-top:35px}
	.utility__item{display:block;width:auto}
	.utility__item~.utility__item{margin-left:0;margin-top:10px}
	.fulltext__item~.fulltext__item{margin-top:35px}
	.fulltext__menu {padding:15px 18px}
	.fulltext__menu a{margin:5px 0}
	/* contact us */
	.accordion--long .accordion__title{display:block;text-overflow:inherit;white-space:inherit}
	.popup__form{max-height:calc(100vh - 220px);padding-bottom:20px}
	.contact__item~.contact__item{padding-top:45px}
	.form-group{display:block;padding:24px 10px 35px 0}
	.form-group:first-child{padding-top:5px}
	.contact__item~.contact__item .form-group:last-child{padding-bottom:40px !important}
	.form-contents{margin-top:5px}
	.form-contents label{margin-top:4px;line-height:19px}
	.form-contents label[for=agree3],
	.form-contents label[for=agree4]{font-size:12px}
	.form-contents label~label{margin-left:32px}
	.ta{height:100px}
	.form-realperson{display:block}
	.realperson-regen{text-align:left}
	.realperson-challenge{margin-bottom:10px}
	.is-realperson{margin-left:0;padding:0 15px}
	.form__scroll{margin-top:10px;padding:10px 15px}
	.form__scroll p{height:100px;font-size:14px;line-height:1.4}
	.icon-form{margin-right:4px}
	.contact__info{line-height:20px}
	.contact__info~.contact__info{margin-top:12px}
	.contact__method>img{width:20px;vertical-align:sub}
	.icon-form{width:18px;height:18px}
	.chk[type=radio]:checked ~ .icon-form--radio{background-position:3px 3px}
	.chk[type=checkbox]:checked ~ .icon-form--check{background-size:12px 10px}
}