@charset "UTF-8";
@import "_reset.css";
@import "_webfont.css";
@import "_variables.css";
/* common */
.wrap {overflow:hidden;font-family:'Pretendard';font-weight:400;font-size:18px;color:var(--black);line-height:1.55;letter-spacing:-0.025em}
.table{display:table;table-layout:fixed;width:100%;height:100%}
.cell{display:table-cell;vertical-align:middle}
.row{position:relative;max-width:1400px;margin:0 auto}
.row:after{display:block;clear:both;content:''}
.clearfix:after{display:block;clear:both;content:''}
.point{color:var(--point) !important}
.black{color:var(--black) !important}
.darkgray{color:var(--darkgray) !important}
.gray{color:var(--gray) !important}
.lightgray{color:var(--lightgray) !important}
.f20{font-size:20px !important}
.f16{font-size:16px !important}
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.tdVat td{vertical-align:top !important}
th.tbg{background-color:#f9f9f9 !important}
tr.tbg{background-color:#f9f8fc !important}
.notice{margin-top:25px;color:var(--black);text-align:left}
.notice.type1{margin-left: 36px;}
.notice--small{font-size:16px;color:#999}
.unit{margin-bottom:15px;font-size:16px}
.brm{display:block}
.brmb{display:none}
/* skipnav */
.skipnav {position:relative;z-index:13569}
.skipnav a {position:absolute;top:-30px;left:0;display:inline-block;padding:0 20px;background:#000;color:#fff;line-height:30px;font-size:12px}
.skipnav a:focus {top:0}
/* header */
.header{position:absolute;top:0;left:0;width:100%;font-weight:300;color:#fff;z-index:30}
.header__wrap{display:flex;max-width:1920px;margin:0 auto;padding:0 120px;justify-content:space-between;align-items:center;text-align:center}
.logo__link{display:block;width:200px;height:22px;background:url(../images/logo_white.svg) no-repeat;background-size:200px 22px}
.gnb>li{display:inline-block;position:relative}
.gnb__link{display:block;padding:0 40px;font-size:18px;font-weight:bold;line-height:160px;transition:all 0.3s ease-out}
.gnb__link:hover{color:var(--point)}
.snb{position:relative;line-height:22px;z-index:60}
.snb__item{display:inline-block}
.snb__item~.snb__item{margin-left:30px}
.snb__contact{display:inline-block;position:relative;font-size:16px;font-weight:bold}
.snb__contact:before{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:all 0.3s ease-out}
.snb__contact:hover:before{width:100%}
.snb__lang{display:inline-block;position:relative;padding-right:10px;font-size:15px;font-weight:bold}
.snb__lang:after{position:absolute;top:50%;right:0;width:3px;height:13px;margin-top:-7px;background:url(../images/icon_lang_white.svg) no-repeat;background-size:3px 13px;content:''}
.btn-menu{position:relative;width:34px;height:22px;padding:6px}
.btn-menu__line{display:block;position:absolute;right:6px;height:3px;background:#fff}
.btn-menu__line--bottom{bottom:6px;width:16px}
.btn-menu__line--top{top:6px;width:22px}
.logo{position:relative;z-index:40}
.lnb{display:none;position:absolute;top:160px;left:0;width:100%;background:#fff;text-align:center;transition:all 0.3s ease-out}
.lnb:before{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:var(--lightgray)}
.lnb:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--lightgray)}
.lnb__wrap{display:flex;max-width:1680px;margin:0 auto}
.lnb__box{flex:1;position:relative;padding:50px 0;border-right:1px solid var(--lightgray)}
.lnb__box:last-child{border-right:0}
.lnb__box:after{content:'';position:absolute;top:-1px;left:50%;width:0;height:2px;background:var(--point);transition:all 0.3s ease-out;z-index:5}
.lnb__box:hover:after{width:160px;margin-left:-80px}
.lnb__title{margin-bottom:30px;font-size:20px;font-weight:500;color:#000}
.lnb__list>li~li{margin-top:10px}
.lnb__list>li a{color:#333}
.lnb__list>li:hover a{font-weight:600;color:var(--point)}
.lnb__tab{font-size:9px}
.header.active .lnb{display:block}
.header.active,.header.sub--white{background:#fff;color:#000}
.header.white{background:#fff}
.header.white .snb__item{color:#000}
.header.white .logo__link,.header.active .logo__link, .header.sub--white .logo__link{background-image:url(../images/logo.svg)}
.header.white .snb__lang:after,.header.active .snb__lang:after,.header.sub--white .snb__lang:after{background-image:url(../images/icon_lang.svg)}
.header.white .btn-menu__line,.header.active .btn-menu__line,.header.sub--white .btn-menu__line{background:#000}
.header.white .snb__contact:before,.header.active .snb__contact:before,.header.sub--white .snb__contact:before{background:#333}
/* sitemap */
.sitemap{position:fixed;overflow-y:scroll;top:0;left:0;width:100%;height:100vh;background:#fff;color:#000;opacity:0;visibility:hidden;transition:all 0.3s ease-out;z-index:-1}
.sitemap.active{padding-right:17px;visibility:visible;opacity:1;z-index:35}
.sitemap__wrap{display:flex;max-width:1920px;height:100%;margin:0 auto;padding:220px 120px 0}
.sitemap__box{flex:1}
.sitemap__slogan{font-size:4.2vw;font-weight:900;line-height:1.2;letter-spacing:0;text-align:left;text-transform:uppercase}
.sitemap__item{overflow:hidden;margin-top:30px;padding-left:80px;color:var(--black)}
.sitemap__title{font-size:36px;font-weight:bold;cursor:pointer;user-select:none}
.sitemap__page{font-size:16px;font-weight:600}
.sitemap__list{display:none;margin-bottom:20px}
.sitemap__list>li{display:inline-block;min-width:272px;margin-top:15px;font-size:20px;font-weight:bold;color:#999}
.sitemap__list>li:nth-child(2n){padding-left:15px}
.sitemap__list>li:hover{color:#000}
.sitemap__item.active .sitemap__list>li a{color:var(--black)}
.sitemap__item.active .sitemap__title {color:var(--black);}
/* footer */
.footer{position:relative;padding-top:200px;background-color:#fff}
.footer__wrap{border-top:1px solid var(--lightgray)}
.footer__inner{display:flex;max-width:1920px;margin:0 auto;padding:138px 120px 140px}
.footer__box{flex:1 0 50%}
.footer__box--right{text-align:right}
.footer__slogan{margin-bottom:80px;font-size:56px;font-weight:600;line-height:68px;color:#000}
.footer__slogan>b{color:var(--point)}
.footer__logo{display:inline-block;margin-bottom:46px}
.footer__info{font-size:16px;line-height:28px}
.footer__fax{margin-left:20px}
.footer__utility{margin-top:55px;margin-bottom:65px;font-size:20px;color:var(--black)}
.footer__utility>a{display:inline-block;position:relative;padding-left:30px}
.footer__utility>a:before{content:'';display:block;position:absolute;top:50%;left:14px;width:1px;height:18px;margin-top:-10px;background:var(--lightgray)}
.footer__utility>a:first-child{padding-left:0;font-weight:600;color:var(--black)}
.footer__utility>a:first-child:before{content:none}
.footer__link>a{margin-right:70px}
.footer__link>a:last-child{margin:0}
.footer__familysite{position:relative;float:right;width:260px;border-bottom:1px solid #000;font-weight:400}
.footer .select__list{top:auto;bottom:80px;border:1px solid #000}
.footer .btn-select{padding:0;border:none}
.footer .btn-select:after{width:26px;height:8px;background:url(../images/icon_main_right.svg) no-repeat 50%}
.footer .btn-select.active:after{transform:none}
.footer .btn-select:hover:after{animation:arrow 0.5s infinite alternate}
@keyframes arrow {0%{transform:translateX(0px)}100%{transform:translateX(10px)}}
/* search */
.search{display:flex;justify-content:center;align-items:center;margin-bottom:60px}
.search__item{position:relative;flex-basis:246px}
.search__item:first-child{flex-basis:24%}
.search__item:last-child{flex-grow:1}
.search__item~.search__item{margin-left:10px}
/* select */
.select{position:relative}
.select--mo{display:none}
.select__list{display:none;position:absolute;top:58px;left:0;right:0;padding:18px 20px;border:1px solid var(--lightgray);text-align:left;background-color:#fff;z-index:15}
.select__list li~li{margin-top:15px}
.select__list li a{display:block;overflow:hidden;line-height:18px;white-space:nowrap;text-overflow:ellipsis}
.btn-select{position:relative;width:100%;padding:0 50px 0 30px;border:1px solid var(--lightgray);line-height:58px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-select:after{content:'';position:absolute;top:50%;right:30px;width:12px;height:8px;margin-top:-3px;background:url(../images/icon_dropdown.svg) no-repeat 50%;transition:none}
.btn-select.active:after{transform:rotate(180deg)}
.btn-search{position:absolute;top:50%;right:30px;width:27px;height:26px;margin-top:-12px;background-image:url(../images/icon_search.svg);background-size:cover;text-indent:-999em}
.btn-compare{display:block;border:1px solid #333;line-height:58px;text-align:center}
.ipt{display:block;position:relative;width:100%;height:60px;padding:0 30px;border:1px solid var(--lightgray)}
.ipt--search{padding-left:30px;padding-right:60px}
.ipt::placeholder{color:#999}
.ta{display:block;width:100%;height:130px;padding-right:10px;resize:none;font-family:inherit}
.tawrap{position:relative;padding:20px 20px 40px;border:1px solid var(--lightgray);}
.counter{position:absolute;bottom:10px;right:20px;font-size:14px;color:#999}
/* tab */
.tab{display:flex;margin-bottom:90px;text-align:center}
.tab--small{margin-bottom:60px}
.tab--medium{margin-bottom:70px}
.tab a{flex:1 0 25%;border:1px solid var(--lightgray);font-size:18px;font-weight:500;line-height:73px}
.tab.type1 a{flex:1 0 15%}
.tab--more a{flex:1}
.tab a~a{margin-left:-1px}
.tab a:hover,.tab a.active {border-color:var(--point);background:var(--point);color:#fff}
/* accordion */
.accordion~.accordion{margin-top:40px}
.accordion__link{display:block;position:relative;padding:34px 36px;border-top:1px solid var(--lightgray);font-weight:500}
.accordion__link:before{content:'';position:absolute;top:-1px;left:0;width:0;height:1px;background:var(--point);transition:all 0.5s ease-out}
.accordion__link:after{content:'';display:block;clear:both}
.accordion__text{display:flex;justify-content:space-between;align-items:center;padding-right:120px}
.accordion__title{display:block;padding-right:30px;font-size:24px;word-break:break-all}
.accordion__title small{display:block;margin-top:15px;font-size:18px;font-weight:300}
.accordion__info{flex-shrink:0;flex-basis:250px;text-align:right;}
.accordion__category{font-size:16px;font-weight:400;color:#333}
.accordion__date{font-weight:300;color:#999}
.accordion__category~.accordion__date{position:relative;margin-left:16px;padding-left:16px}
.accordion__category~.accordion__date:before{content:'';display:block;position:absolute;top:2px;left:0;width:1px;height:15px;background:var(--lightgray)}
.accordion__icon{display:inline-block;position:absolute;top:50%;right:36px;width:60px;height:60px;margin-top:-30px;margin-left:0}
.accordion__content{display:none;padding:0 36px 40px}
.accordion__content table th{background:#fff}
.accordion__link.active .accordion__title,
.accordion__link.active~.accordion__content{display:block}
.accordion__link.active:before {width:100%}
.accordion__link.active .icon-dropdown:before{margin-top:-6px;background-image:url(../images/icon_right_white.svg);transform:rotate(270deg)}
.accordion__link.active .icon{background:var(--point)}
@media (hover: hover) {
	@media screen and (min-width:1024px) {
		.accordion__link:hover:before{width:100%}
		.accordion__link:hover .accordion__title{color:var(--point)}
		.accordion__link:hover .icon{background:var(--point)}
		.accordion__link:hover .icon-download--gray:before{background-image:url(../images/icon_download_white.svg)}
		.accordion__link:hover .icon-dropdown:before{background-image:url(../images/icon_right_white.svg)}
		.accordion__link:hover .icon-link:before{background-image:url(../images/icon_link_white.svg)}
	}
}
.accordion--small .accordion__title{font-size:inherit;font-weight:600}
/* sub */
.content{padding-top:385px}
.content--fit{padding-top:0}
.content__wrap{position:relative;padding-top:112px;background-color:#fff;z-index:5}
.content__wrap--fit{margin-bottom:-200px}
.content__header{text-align:center}
.content__title{margin-bottom:38px;font-size:44px;font-weight:600;text-align:center;color:#000}
.content__title--large{margin-bottom:60px}
.content__title--fit{margin-bottom:0}
.content__title+div{overflow:hidden;max-width:1920px;margin:0 auto}
/* subvisual */
.subvisual{position:fixed;top:0;left:0;width:100%;height:460px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;color:#fff;text-align:center}
.subvisual--company{background-image:url(../images/bg_company.jpg)}
.subvisual--business{background-image:url(../images/bg_business.jpg)}
.subvisual--investment{background-image:url(../images/bg_investment.jpg)}
.subvisual--prcenter{background-image:url(../images/bg_prcenter.jpg)}
.subvisual--recruit{background-image:url(../images/bg_recruit.jpg)}
.subvisual--contactus{background-image:url(../images/bg_contact.jpg)}
.subvisual--esg{background-image:url(../images/bg_esg.jpg)}
.subvisual__title{font-size:56px;font-weight:bold;line-height:1.5}
.subvisual__desc{margin-top:20px}
/* breadcrumb */
.breadcrumb{position:relative}
.breadcrumb:after{position:absolute;top:0;right:0;width:50%;height:100%;background:#fff;content:'';z-index:-1}
.breadcrumb__wrap{display:flex;max-width:1400px;margin:0 auto;font-weight:400;background-color:#fff}
.breadcrumb__menu{position:relative;height:74px}
.breadcrumb__btn{display:block;overflow:hidden;position:relative;width:345px;padding:0 60px 0 30px;font-weight:400;line-height:74px;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;color:#000}
.breadcrumb__btn:before{position:absolute;top:50%;left:0;width:1px;height:22px;margin-top:-11px;background-color:var(--lightgray);content:''}
.breadcrumb__btn:after{position:absolute;top:50%;right:30px;width:12px;height:8px;margin-top:-4px;background:url(../images/icon_dropdown.svg) no-repeat 50%;transition:all 0.3s ease-out;content:''}
.breadcrumb__btn.active:after{transform:rotate(180deg)}
.breadcrumb__list{display:none;position:absolute;top:74px;left:0;z-index:10;width:100%;padding:20px 30px;border:1px solid var(--lightgray);background:var(--white);box-sizing:border-box}
.breadcrumb__list>li~li{margin-top:15px}
.breadcrumb__list>li a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:22px;color:#666;line-height:22px;overflow:hidden;text-overflow:ellipsis}
.breadcrumb__list>li:hover a{font-weight:600;color:var(--point)}
.breadcrumb__list>li:hover a{font-weight:600;color:var(--point)}
.btn-home{display:block;position:relative;width:84px;height:74px;text-indent:-999em}
.btn-home:before{position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;background:url(../images/icon_home.svg) no-repeat 50%;content:''}
/* pagination */
.pagination{margin-top:100px;text-align:center}
.pagination>a{display:inline-block;width:35px;height:35px;margin:0 6px;border-radius:50%;font-size:16px;line-height:35px}
.pagination>a.active{background-color:var(--point);color:#fff}
.pagination>a.pagination__btn{margin:0;width:24px;background-repeat:no-repeat;background-position:50%;text-indent:-999em}
.pagination>a.pagination__btn--first{background-image:url(../images/icon_pager-first.svg)}
.pagination>a.pagination__btn--prev{margin-right:30px;background-image:url(../images/icon_pager-prev.svg)}
.pagination>a.pagination__btn--last{background-image:url(../images/icon_pager-last.svg)}
.pagination>a.pagination__btn--next{margin-left:30px;background-image:url(../images/icon_pager-next.svg)}
/* btn */
.buttons{margin-top:58px;text-align:center}
.buttons.type1{margin-top:28px;text-align:left;}
.buttons--large{margin-top:120px}
.btn{display:inline-block;text-align:center;line-height:1.8;transition:all 0.3s ease-out}
.btn-link{overflow:hidden;position:relative;width:220px;line-height:58px;border:1px solid #999;color:#666;font-weight:500}
.btn-link:before{content:'';position:absolute;top:50%;left:50%;width:110%;height:0;padding-bottom:110%;border-radius:50%;background:#b77e31;transform:translate3d(-50%,-50%,0) scale3d(0,0,1);z-index:-1}
.btn-link:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#b77e31;opacity:0;transition:opacity 0.3s ease-out;z-index:-1}
.btn-link span{position:relative;display:inline-block;padding-right:25px}
.btn-link span:after{content:'';position:absolute;top:50%;right:0;width:15px;height:15px;margin-top:-7px;background:url(../images/icon_link.svg) no-repeat}
.btn-link:hover:before{transition:transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);transform: translate3d(-50%,-50%,0) scale3d(1,1,1)}
.btn-link:hover:after{opacity:1;transition-duration:0.01s;transition-delay:0.3s}
.btn-link:hover,
.btn-link.active{border-color:#b77e31;color:#fff}
.btn-link.active{background:#b77e31}
.btn-link:hover span,.btn-link.active span{color:#fff}
.btn-link:hover span:after,.btn-link.active span:after{background:url(../images/icon_link_white.svg) no-repeat}
.btn--large{width:280px;line-height:75px}
.btn--submit{overflow:hidden;position:relative;width:280px;border:1px solid var(--point);color:var(--point)}
.btn--submit:before{content:'';position:absolute;top:50%;left:50%;width:110%;height:0;padding-bottom:110%;border-radius:50%;background:var(--point);transform: translate3d(-50%,-50%,0) scale3d(0,0,1);z-index:-1}
.btn--submit:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--point);opacity:0;transition:opacity 0.3s ease-out;z-index:-1}
.btn--submit:hover:before{transition:transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);transform: translate3d(-50%,-50%,0) scale3d(1,1,1)}
.btn--submit:hover:after{opacity:1;transition-duration:0.01s;transition-delay:0.3s}
.btn--submit:hover{color:#fff;animation:text 0.5s cubic-bezier(0.4, 0, 0, 1)}
.btn--submit.active{background-color:var(--point);color:#fff}
.btn--register:before,.btn--register:after{z-index:0}
.btn--register>span{position:relative;z-index:10}
.btn--secondary{border:1px solid #999;color:#666;font-weight:500}
.btn--cancel{border:1px solid var(--lightgray);color:#666}
.btn-top {position:relative;display:inline-block;height:150px;width:150px;border:1px solid var(--point);border-radius:50%;background-color:#fff;background-position:50%;background-repeat:no-repeat;transition:all 0.5s ease-in-out;overflow:hidden;cursor:pointer}
.btn-top__icon {display:inline-block;position:relative;width:150px;height:150px;background:url(../images/icon_top.svg) no-repeat 50%;z-index:10;transition:all 0.3s linear}
.btn-top:before {content:"";position:absolute;bottom:-150px;width:100%;height:100%;margin-left:-1px;margin-bottom:-1px;border:1px solid transparent;background-color:var(--point);transition:all 0.3s linear;border-radius:50%;}
.btn-list{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60px;height:60px;border:1px solid var(--point);background:url(../images/icon_all.svg) no-repeat 50% 50%;text-indent:-999em}
@media (hover:hover){
	.btn-top:hover .btn-top__icon{background-image:url(../images/icon_top_white.svg)}
	.btn-top:hover:before {bottom:0}
	.btn-list:hover{background:var(--point) url(../images/icon_all_white.svg) no-repeat 50% 50%}
}

/* privacy */
.privacy{display:flex;justify-content:space-between;margin-top:-10px;padding:0 60px;text-align:center}
.privacy__title{margin-top:26px;font-size:20px;font-weight:500}
.btn-privacy {position:relative;display:inline-block;height:200px;width:200px;border-radius:50%;background-color:#f9f9f9;background-position:50%;background-repeat:no-repeat;transition:all 0.5s ease-in-out;overflow:hidden;cursor:pointer}
.btn-privacy__icon1 {display:inline-block;position:relative;width:200px;height:200px;background:url(../images/icon_privacy1.svg) no-repeat 50%;z-index:10;transition:all 0.3s linear}
.btn-privacy__icon2 {display:inline-block;position:relative;width:200px;height:200px;background:url(../images/icon_privacy2.svg) no-repeat 50%;z-index:10;transition:all 0.3s linear}
.btn-privacy__icon3 {display:inline-block;position:relative;width:200px;height:200px;background:url(../images/icon_privacy3.svg) no-repeat 50%;z-index:10;transition:all 0.3s linear}
.btn-privacy__icon4 {display:inline-block;position:relative;width:200px;height:200px;background:url(../images/icon_privacy4.svg) no-repeat 50%;z-index:10;transition:all 0.3s linear}
.btn-privacy:before {content:"";position:absolute;bottom:-200px;width:100%;height:100%;margin-left:-2px;margin-bottom:-2px;border:1px solid transparent;background-color:var(--point);transition:all 0.3s linear;border-radius:50%;}
@media (hover:hover){
	.btn-privacy:hover .btn-privacy__icon1{background-image:url(../images/icon_privacy1_white.svg)}
	.btn-privacy:hover .btn-privacy__icon2{background-image:url(../images/icon_privacy2_white.svg)}
	.btn-privacy:hover .btn-privacy__icon3{background-image:url(../images/icon_privacy3_white.svg)}
	.btn-privacy:hover .btn-privacy__icon4{background-image:url(../images/icon_privacy4_white.svg)}
	.btn-privacy:hover:before {bottom:0}
}

/* tbl */
.tbl{table-layout:fixed;width:100%;padding:0;border-top:1px solid #333;border-spacing:0;line-height:1.66}
.tbl tr th{padding:24px 40px;vertical-align:middle}
.tbl tr td{padding:16px 40px;word-break:break-all;vertical-align:middle}
.tbl.type1 tr td{padding:16px 20px;}
.tbl tr th{border-right:1px solid var(--lightgray);border-bottom:1px solid #d0d0d0;text-align:center}
.tbl tr td{border-right:1px solid var(--lightgray);border-bottom:1px solid var(--lightgray);color:#666}
.tbl tr th:last-child,.tbl tr td:last-child{border-right:none}
.tbl tr td strong{font-weight:600;color:#000}
.tbl tbody tr th{border-bottom:1px solid var(--lightgray)}
.tbl tr.h~tr{display:none;}

.tbl--training tr th,
.tbl--training tr td{font-size:14px;}
.tbl--training.ty2 tr th{padding:24px 10px;}
.tbl--training.ty2 tr td{padding:5px 5px;}
.tbl--training.ty2 tr th.borderR,
.tbl--training.ty2 tr td.borderR {
    border-right: 1px solid var(--lightgray);
}
.tbl--training tr td.bg1 {background: #f0f0f8;}
.tbl--training tr td.bg2 {background: #f7f7ff;}
.tbl--training tr td.bg3 {background: #f9f8fc;}


.tbl--finance tr td{text-align:right}
.tbl--stock tr th{background:#f9f9f9}
.tbl--stock tr td{text-align:right}
.tbl--stock tr td.tac{text-align:center}
.tbl--stock small{margin-right:4px;font-size:10px;vertical-align:inherit}
.tbl--stock small.incre{color:#ff0000}
.tbl--stock small.decre{color:#273e82}
.tbl--stock--bg tr:nth-child(1),
.tbl--stock--bg tr:nth-child(4),
.tbl--stock--bg tr:nth-child(7){background:#f9f8fc}
/* nodata */
.nodata{margin-top:140px;text-align:center}
.nodata__title{margin-top:30px;font-size:36px;font-weight:500}
.nodata__title strong{color:var(--point)}
.nodata__description{margin-top:25px;color:#666}
/* popup */
.popup{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}
.dimmed{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5)}
.popup--dark{background:rgba(0,0,0,0.7)}
.popup--main{display:block}
.popup__wrap{display:flex;gap:30px;min-height:100%;padding:50px 0;justify-content:center;align-items:center}
.popup__wrap--fit{padding:0}
.popup__inner{overflow:hidden;flex-basis:900px;z-index:10}
.popup__box{padding:60px;background:#fff}
.popup__header{position:relative;padding-right:30px;padding-bottom:36px;border-bottom:1px solid var(--lightgray)}
.popup__content {position:relative}
.popup__category{margin-bottom:10px;font-weight:bold;color:var(--point)}
.popup__title{display:-webkit-box;overflow:hidden;max-height:68px;font-size:30px;font-weight:500;line-height:34px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.popup__imagewrap{padding:58px;text-align:center}
.popup__image{display:inline-block;height:calc(65vh - 116px);max-height:650px;border:1px solid var(--lightgray);text-align:center}
.popup__image img{max-height:100%}
.popup__form{overflow-Y:scroll;overflow-x:hidden;max-height:calc(100vh - 310px)}
.popup__form::-webkit-scrollbar{width:2px}
.popup__form::-webkit-scrollbar-thumb{background:#333}
.popup__form::-webkit-scrollbar-track{background:#d8d8d8}
.popup__buttons{display:flex;justify-content:space-between;align-items:center;position:absolute;top:50%;left:50%;width:100%;transform:translate3d(-50%, -50%, 0);z-index:10}
.popup__direction{width:25px;height:25px;margin-top:-12px;background-position:50%;background-repeat:no-repeat}
.popup__direction--prev{margin-left:5px;border-right:3px solid var(--lightgray);border-bottom:3px solid var(--lightgray);transform:rotate(135deg)}
.popup__direction--prev:after{content:none}
.popup__direction--next{margin-right:5px;border-right:3px solid var(--lightgray);border-bottom:3px solid var(--lightgray);transform:rotate(-45deg)}
.popup__direction--next:after{content:none}
.popup__footer{display:flex;justify-content:space-between;align-items:center;padding:13px;background:var(--white);font-size:20px;}
.popup__todaycheck{font-weight:300}
.popup__todaycheck .icon-form{vertical-align:text-top}
.popup__todayclose{width:17px;height:17px}
.popup--small .popup__box{padding:0;background:none}
.popup--small .popup__inner{flex-basis:400px;box-shadow:0px 0px 30px rgba(0,0,0,0.1)}
.popup--large .popup__inner{flex-basis:1400px}
.popup--large .popup__header{padding-bottom:20px}
.popup--large .popup__title{font-size:44px;color:#000;line-height:1.55}
.popup--large .btn-close {top:50%;margin-top:-18px}
.btn-todayclose img{width:17px;height:17px}
.btn-close{position:absolute;top:0;right:0;cursor:pointer}
.btn-close img{width:17px;height:17px}
.modal-open{overflow:hidden}
.modal-open .header__wrap{padding-right:137px}
.modal-open .btn-menu.on .btn-menu__line--top{top:10px;transform:rotate(-45deg)}
.modal-open .btn-menu.on .btn-menu__line--bottom{bottom:9px;width:22px;transform:rotate(45deg)}
/* main popup */
@media screen and (min-width:1280px) {
	.main__popup{display:flex;justify-content:center;align-items:center;gap:40px;position:fixed;top:50%;left:50%;width:auto;max-width:1280px;margin:0 auto;padding:0 25px;z-index:50;transform:translate(-50%,-50%)}
	.main__popup.nopopup{z-index:-1}
	.main__popup .popup{position:static;flex:1 0 400px}
}
/* title */
.title{margin-bottom:50px;font-size:32px;font-weight:600;text-align:center}
.title--small{font-size:24px}
.title--fit{margin-bottom:5px}
/* info */
.info{text-align:center}
.info__title{font-size:24px;font-weight:600}
.info__description{margin-top:22px;line-height:1.77}
.info__image{margin-top:70px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
.info__image--fit{margin-top:30px}
.info__caption{margin-top:-100px;padding:145px 0;background:#f9f9f9;font-size:20px;line-height:1.6;text-align:left}
.info__image--way{height:645px;background-image:url(../images/img_hyosungway.jpg)}
.info__image--talent{height:485px;background-image:url(../images/img_talent.jpg)}
/* item */
.item{margin-top:140px}
.item--small{margin-top:110px}
.item--xsmall{margin-top:80px}
.item--bg{padding:110px 0 118px;background-color:#f9f9f9}
.item--bgsmall{padding:45px 0;background-color:#f9f9f9}
.item--slider{padding:125px 0 140px}
.item--fit{margin:0}
.item--line{margin-top:100px;padding-top:80px;border-top:1px solid #999}
/* inner */
.inner~.inner{margin-top:110px;padding-top:110px;border-top:1px solid #999}
.inner--small{padding-top:50px}
.inner--line{border-top:1px solid #333}
.inner--margin{margin-top:100px}
.inner~.inner--small{padding-top:50px}
/* box */
.box{display:flex}
.box__title{flex-basis:28%;flex-shrink:0;font-size:32px;font-weight:700;line-height:1.25}
.box__title--large{flex-basis:30%;font-size:36px}
.box__title--large--full{flex-basis:100%;font-size:36px}
.box__wrap{flex-grow:1}
.box__inner~.box__inner{margin-top:40px;padding-top:40px;border-top:1px solid var(--lightgray)}
.box__inner~.box__inner--large{margin-top:50px;padding-top:50px}
.box__inner--fit{padding-top:0 !important;border-top:0 none !important}
.box .icons--fit{margin-top:0;}
.box--line{padding-top:55px;border-top:1px solid #333}
.box__title span{display:block;position:relative;padding-left:222px;font-size:24px;font-weight:600}
.box__title span:before{content:'';position:absolute;top:11px;left:0;width:180px;height:1px;background:#000}
.box__title--small{font-size:20px;line-height:1.7}
.box__title--xsmall--full{flex-basis:100%;font-size:18px;font-weight:400;line-height:1.55}
/* textbox */
.textbox{position:relative;padding-left:50px}
.textbox__number{position:absolute;top:7px;left:0;font-size:16px;color:var(--point);font-weight:600}
.textbox__number--fit{top:2px}
.textbox__number--fit+.textbox__subtitle{position:relative;top:-1px}
.textbox__title{font-size:24px;font-weight:600;color:var(--point)}
.textbox__subtitle{font-size:20px;font-weight:500}
.textbox__subtitle~.black{margin-top:8px}
.textbox__subtitle~.black~.list{margin-top:20px}
.textbox__title~.textbox__subtitle{margin-top:3px}
.textbox .list{margin-top:10px}
.textbox .list~.textbox__subtitle{margin-top:25px}
.textbox__title small{position:relative;display:inline-block;padding-left:10px;font-size:18px;font-weight:300}
.textbox__title small:before{content:':';position:absolute;top:0;left:0}
.textbox--fit{padding-left:0}
.textbox--fit .textbox__title{margin-bottom:8px;color:#333}
.textbox--ethics .textbox__subtitle{margin-top:20px}
.textbox--ethics .list{margin-top:6px}
.textbox--ethics .list~.list{margin-top:10px}
/* list */
.list>li{position:relative;padding-left:15px;color:var(--darkgray);text-align:left}
.list>li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--lightgray)}
.list>li~li{margin-top:10px}
.list small{font-size:16px;color:var(--gray)}
.list--small>li~li{margin-top:6px}
.list--black>li{color:var(--black)}
.list--black strong{font-weight:600}
/* flex */
.flex{display:flex}
.flex__item{flex-basis:50%;margin-left:80px}
/* icons */
.icons{display:flex}
.icons>li{flex:1;padding:0 40px;border-right:1px solid var(--lightgray);text-align:center}
.icons>li:last-child{border-right:0 none}
.icons__icon{padding-top:14px}
.icons__icon .ico{display:flex;align-items:center;justify-content:center}
.icons__title{display:block;margin:26px 0 6px;font-size:20px;font-weight:500;line-height:1.4}
.icons__title--fit{margin:0}
.icons__title--small{font-size:18px;font-weight:300;color:#666}
.icons__description{margin-top:10px;color:var(--darkgray)}
.icons p{margin-top:10px}
.icons--fit>li{padding:0 20px}
.icons--large .icons__title{margin-bottom:18px;font-size:22px}
.icons--box{padding:26px 0;border:1px solid var(--lightgray)}
.icons--box--large{padding:50px 0}
/* split */
.split{display:flex;flex-wrap:wrap;justify-content:space-between;gap:78px}
.split>li{flex-basis:calc(50% - 39px)}
.split__title{margin-bottom:30px;padding-bottom:32px;border-bottom:1px solid var(--lightgray);font-size:24px;font-weight:500}
.split__title--fit{margin-bottom:0;border-bottom:0 none}
.split__title strong{font-weight:700}
.split__title small{display:block;font-size:18px;font-weight:300}
.split__figure{margin-bottom:15px}
.split__description{color:#666}
.split__button{margin-top:40px}
/* company : profile */
.profile{display:flex;align-items:center;background-color:#f9f9f9}
.profile__wrap{flex-grow:1;flex-basis:50%}
.profile__wrap--right{padding:0 6.5%}
.profile__title{margin-bottom:40px}
.profile__list>li{padding:18px 0 22px;border-bottom:1px solid var(--lightgray)}
.profile__list b{display:inline-block;min-width:138px;font-weight:600}
.profile__list span{color:var(--darkgray)}
/* company : history */
.history__wrap{position:relative;padding-left:50%}
.history__wrap:before{content:'';position:absolute;top:16px;bottom:158px;left:calc(50% + 3px);width:1px;background:#dadada}
.history__line{content:'';position:absolute;top:16px;left:calc(50% + 3px);width:1px;max-height:calc(100% - 74px);height:0;background:var(--point)}
.history__inner{position:relative}
.history__year{position:absolute;top:4px;right:calc(100% + 100px);font-size:108px;color:#eee;font-weight:900;line-height:1;transition:all 0.3s ease-out}
.history__inyear{margin-top:80px}
.history__number{margin-bottom:15px;font-size:24px;font-weight:600;transition:all 0.3s ease-out}
.history__list>li{position:relative;padding-bottom:38px;padding-left:100px}
.history__list>li:last-child{padding-bottom:100px}
.history__list>li:before,.history__list>li:after{content:'';display:inline-block;position:absolute;border-radius:50%;transition:all 0.5s ease-out;transition-delay:0.5s}
.history__list>li:before{content:'';height:7px;width:7px;left:0;top:16px;background-color:#857c7a;z-index:1}
.history__list>li:after{content:'';height:15px;width:15px;left:-4px;top:12px}
.history__list>li.active:before{background:var(--point)}
.history__list>li.current:after{background:var(--lightgray)}
.history__list>li.active:last-child {color:red}
.history__list>li.active .history__year{color:var(--point)}
.history__list>li.active .history__number{color:var(--point)}
.history__item:last-child .history__list>li:last-child{padding-bottom:0}
.history__description{color:var(--darkgray)}
/* company : ceo */
.ceo {padding-bottom:110px}
.ceo__wrap{display:flex;box-sizing:border-box;align-items:center}
.ceo__thumbnail,.ceo__content{flex:1}
.ceo__content{color:#333;line-height:1.77;text-align:center}
.ceo__content strong{font-size:24px;font-weight:600;color:#000;line-height:1.5}
.ceo__signature{margin-top:60px;font-weight:500;line-height:24px}
.ceo__name{margin-left:10px;font-size:20px;font-weight:bold}
/* company : banner */
.banner{position:relative;height:360px;padding-top:110px;background-repeat:no-repeat;background-position:center 22%;text-align:center;color:#fff}
.banner__title{font-size:32px;font-weight:600}
.banner__description{margin-top:32px;line-height:1.7}
.banner--greeting{background-image:url(../images/bg_company-banner01.jpg)}
.banner-list{max-width:1290px;margin:0 auto}
/* company : direction */
.infos{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;max-width:1300px;margin:-140px auto 0;padding-bottom:135px}
.infos__item{position:relative;flex-basis:42.63%;margin-bottom:110px;box-sizing:border-box}
.infos__item:nth-child(2n){top:240px}
.infos__title{margin-top:44px;font-size:20px;font-weight:600}
.infos__description{margin-top:22px;color:#666;line-height:1.7}
/* company : corevalue */
.corevalue{margin-top:-10px}
.corevalue__wrap{position:relative;width:560px;height:560px;margin:0 auto;background:url(../images/bg_ideology.gif) 50% no-repeat}
.corevalue__logo{position:absolute;left:50%;top:50%;width:162px;height:18px;transform:translate(-50%, -50%)}
.corevalue__item{position:absolute;width:180px;height:180px;padding-top:60px;border-radius:50%;background-color:var(--point);color:#fff;text-align:center;box-sizing:border-box}
.corevalue__item--best{left:0;top:0}
.corevalue__item--accountability{left:0;bottom:0}
.corevalue__item--innovation{right:0;top:0}
.corevalue__item--integrity{right:0;bottom:0}
.corevalue__ko{font-size:24px;font-weight:500}
.corevalue__en{opacity:.8}
.corevalue__list{position:absolute;display:inline-block;width:345px;top:45px;text-align:left}
.corevalue__list li{display:inline-block}
.corevalue__item--best .corevalue__list{left:-380px;text-align:right}
.corevalue__item--best .corevalue__list li{text-align:right}
.corevalue__item--accountability .corevalue__list{left:-380px;text-align:right}
.corevalue__item--innovation .corevalue__list{top:55px;left:200px}
.corevalue__item--integrity .corevalue__list{top:55px;left:200px;text-align:left}
/* company : vision */
.vision{height:335px;padding-top:105px;background:url(../images/img_ideology_visionbg.jpg) 50% no-repeat;text-align:center;color:#fff;box-sizing:border-box}
.vision__title{font-size:32px;font-weight:600}
.vision__description{margin-top:10px;font-size:36px;font-weight:600}
/* company : principle */
.principle{display:flex;justify-content:space-between;margin:0 -30px}
.principle>li{position:relative;flex-basis:33.33333333%;margin:0 30px;text-align:center}
.principle__title{margin-top:20px;font-size:24px;font-weight:500;text-align:center}
/* company : employee */
.employee{display:flex;justify-content:space-between;margin-top:-10px;padding:0 60px;text-align:center}
.employee__icon{width:200px;height:200px;border-radius:50%;background:#f9f9f9;line-height:200px}
.employee__icon img{vertical-align:middle}
.employee__title{margin-top:26px;font-size:20px;font-weight:500}
/* company : corevalue */
.core{margin-top:-10px;padding:0 80px;text-align:center}
.core>li{display:inline-block;width:340px;text-align:left}
.core>li~li{margin-left:-44px}
.core__circle{display:flex;align-items:center;height:340px;margin-bottom:40px;padding:40px;border:1px solid #dadada;border-radius:50%}
.core__circle~.list{padding:0 40px}
.core__info{flex-grow:1;height:100%;border-radius:50%;background:#fff;text-align:center}
.core__info>span{display:block}
.core__icon{margin-bottom:25px;padding-top:60px}
.core__ko{font-size:24px;font-weight:500}
.core__en{font-size:18px;font-weight:300;color:#666;line-height:1}
.core--reverse {margin-top:12px;padding:0}
.core--reverse>li{width:274px;font-size:16px}
.core--reverse>li~li{margin-left:-34px}
.core--reverse .core__circle{height:274px;padding:30px}
.core--reverse .core__info{background:#f9f9f9}
.core--reverse .core__icon{margin-bottom:14px;padding-top:48px}
.core--reverse .core__ko{font-size:20px;line-height:28px}
.core--reverse .core__circle~.list{padding:0 20px}
.core--reverse>li:nth-child(2) .core__circle~.list{padding-left:0}
.core--reverse>li:nth-child(1) .core__icon,
.core--reverse>li:nth-child(3) .core__icon{margin-bottom:14px}
.core--reverse .list>li:before{top:8px}
.core--reverse .list>li~li{margin-top:6px}
/* company : ethics */
.ethics-report{display:flex;margin-top:40px;gap:20px}
.ethics-report>li{flex-grow:1;padding:38px;border:1px solid var(--lightgray)}
.ethics-report__wrap{display:flex;flex:1}
.ethics-report>li:first-child{margin-left:0}
.ethics-report__title{flex:43% 0;min-height:142px;font-size:24px;font-weight:500}
.ethics-report__contact{min-height:90px;margin-top:30px;padding-top:30px;flex:1;border-top:1px solid var(--lightgray)}
.ethics-report__contact-item{position:relative;padding-left:80px;color:#666}
.ethics-report__contact-item~.ethics-report__contact-item{margin-top:5px}
.ethics-report__contact-item span{position:absolute;left:0;font-weight:500;color:#333}
.ethics-rights{display:flex;margin-top:46px}
.ethics-rights>li{flex:1;margin-left:40px}
.ethics-rights>li:first-child{margin-left:0}
.ethics-rights__title{margin:28px 0 8px;font-size:20px;font-weight:600}
.ethics-process{margin-top:60px}
.ethics-process.type2{margin-top:30px}
.ethics-process>li~li{margin-top:30px}
.ethics-process__title{font-size:20px;font-weight:500}
.ethics-process__title span {margin-right:20px;font-size:16px;font-weight:bold;color:var(--point);vertical-align:text-top;text-transform:uppercase}
/* company : flat */
.flat>li{display:flex;align-items:center}
.flat>li:nth-child(2n){flex-direction:row-reverse}
.flat__thumbnail{flex-basis:50%}
.flat__content{flex-basis:50%;padding:0 7%;box-sizing:border-box}
.flat__content .list{margin-top:22px}
.flat__title{position:relative;margin-bottom:15px;font-size:24px;font-weight:600}
.flat__num{position:absolute;left:-45px;top:50%;margin-top:-11px;font-size:16px;color:var(--point)}
.flat__info{margin-top:30px;color:#666}
.flat__info>li{position:relative;padding-left:15px;line-height:2}
.flat__info>li:before{content:'';position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:#dadada}
.flat .textbox__title{margin-bottom:5px;color:#333}
/* company : srManagement */
.activity__slider{cursor:none}
.activity__cursor{position:fixed;pointer-events:none;opacity:0;transform:scale(0.6) translate(-50%,-50%);transform-origin:50% 50%;transition:all 0.6s ease-out;transition-property:opacity,transform;z-index:10;user-select:none}
.active .activity__cursor{transform:scale(1);opacity:1}
.activity__wrap{display:flex;position:relative;align-items:center}
.activity__item{overflow:hidden;flex-grow:1;flex-basis:50%;min-width:0}
.activity__slider{position:relative;box-shadow:1px 1px 60px rgba(0,0,0,0.1);z-index:25}
.activity__slider .swiper-slide{position:relative}
.activity__information{width:90%;margin-left:auto}
.activity__description--reverse{padding-left:0;padding-right:100px}
.activity__pagination.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-50px}
.activity__pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#e9e9e9;opacity:1}
.activity__pagination .swiper-pagination-bullet-active{background:var(--point)}
.activity__btns{display:flex;justify-content:space-between;position:absolute;bottom:120px;left:50%;width:100px;height:100px;border-radius:50%;background:var(--point);transform:translateX(-50%);z-index:25}
.activity__meta{position:relative;max-width:600px}
.activity__title{display:-webkit-box;overflow:hidden;height:96px;margin-bottom:18px;font-size:34px;font-weight:600;line-height:48px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.activity__title--small{font-size:32px;margin-bottom:40px}
.activity__date{margin-bottom:55px;font-size:20px;color:var(--gray)}
.activity__bar{position:relative;height:1px;background:var(--lightgray)}
.activity__bar:before{content:'';position:absolute;top:0;left:0;width:30px;height:2px;background:#3e2591}
.activity__control{margin-top:30px;text-align:right;line-height:12px}
.activity__control>*{display:inline-block}
.activity__counter{margin-right:24px;font-size:12px;font-weight:bold;color:var(--gray);line-height:13px}
.activity__counter strong{font-weight:bold;color:#333}
.activity__counter small{margin:0 4px}
.activity__preview{overflow:hidden;position:relative;width:100%;margin-top:65px;cursor:none}
.activity__preview .swiper-slide-active:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:calc(100% - 48px);background:rgba(0,0,0,0.6)}
.activity__preview .slider-bg{content: '';position:absolute;top:0;left:calc(100% / 1.1);width:calc(100% / 2.25);height:calc(100% - 48px);background:#f9f9f9;transition:opacity 0.4s;opacity:0.5;z-index:10}
.activity__preview .slider-bg--left{right:auto;left:-2000px;opacity:1}
.preview__title{display:-webkit-box;overflow:hidden;margin-top:20px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.btn-pause{display:inline-block;position:relative;width:12px;height:12px;background:url(../images/btn_pause.gif) no-repeat 50% 50%;text-indent:-9999px}
.btn-pause.active{background:url(../images/btn_play.gif) no-repeat 50% 50%}
/* company : location */
.address{margin-top:40px}
.location__button{margin-top:110px;text-align:center}
.location__button a{margin:0 10px}
.mapbox{position:relative;padding-top:38.57%}
.map{position:absolute;top:0;left:0;width:100%;height:100%}
/* business */
.link-cursor{display:block;position:relative;margin-top:80px;cursor:none}
.cursor{position:absolute;pointer-events:none;opacity:0;transform:scale(0.6) translate(-50%,-50%);transform-origin:50% 50%;transition:all 0.6s ease-out;transition-property:opacity,transform}
.link-cursor.active .cursor{transform:scale(1);opacity:1}
.link-cursor__image{position:relative}
.info__imagewrap{overflow:hidden;animation-name:imgwrap_up;animation-duration:1.4s}
.business .info__image{overflow:hidden;animation-name:img_up;animation-duration:1.4s}
@keyframes imgwrap_up{0%{opacity:0;transform:translate3d(-100%,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes img_up{0%{opacity:0;transform:translate3d(100%,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
.set~.set{margin-top:45px}
.tablequick{display:none}
.graph{position:relative;margin-top:25px}
.graphbg{font-size:18px}
.graph--large{margin-top:35px}
.graph__wrap{display:flex;padding:20px 30px;border:1px solid var(--lightgray);text-align:center}
.graph__item{padding:0 40px 40px 40px;border:1px solid var(--lightgray);text-align:center}
.graph__inner{flex-grow:1;flex-basis:50%;padding:20px 10px}
.graph__title{margin-bottom:10px;border:1px solid #0c1a6f;border-radius:10px;font-size:20px;font-weight:500;color:#0c1a6f;line-height:58px}
.graph__title--active{border-color:#0c1a6f;background:#0c1a6f;color:#fff}
.graph__title.darkgray{border-color:#666}
.graph__box{padding:22px 15px 26px;border-radius:10px;background:#f9f9f9}
.graph__box~.graph__box{margin-top:5px}
.graph__box--large{min-height:348px;padding:22px 35px}
.graph__subtitle{margin-bottom:14px;font-weight:500}
.graph__list{display:flex;flex-wrap:wrap;align-items:stretch}
.graph__list li{display:flex;align-items:center;flex-basis:calc(33.33333333% - 6px);margin:3px;padding:10px 5px;border-radius:5px;background:#fff;font-weight:400}
.graph__list--fit li{height:85px}
.graph__list li span{flex-grow:1}
.graph__item .graph__title{margin-top:40px;margin-bottom:25px}
.graph__wrap--large{padding:20px 15px}
.graph__wrap--large .graph__inner{padding:20px 25px}
.graph__arrow{position:absolute}
.graph__arrow--right{top:50%;left:50%;margin-top:-5px;margin-left:-15px}
/* business : graph */
.graphbox{margin-top:15px}
.graphbox--large{margin-top:35px}
.graphbg{position:relative}
.graphbg-item{position:absolute}
.graphbg--aioverview{width:1010px;height:660px;background:url(../images/bg_ai_overview01.jpg) no-repeat}
.graphbg--voc{width:1010px;height:770px;background:url(../images/bg_voc_soltion01.jpg) no-repeat}
.graphbg--tech{width:1010px;height:1540px;background:url(../images/bg_voc_tech.jpg) no-repeat}
.graphbg--advisor{width:1010px;height:530px;background:url(../images/bg_advisor_solution.jpg) no-repeat}
.graphbg--qmsflow{width:1010px;height:810px;background:url(../images/bg_qms_solution03.jpg) no-repeat}
.graphbg--kms{width:1010px;height:555px;background:url(../images/bg_kms_solution.jpg) no-repeat}
.graphbg--hibot{width:1010px;height:630px;background:url(../images/bg_hibot_solution.jpg) no-repeat}
/* process */
.process{display:flex;justify-content:space-between}
.process li{flex-basis:170px;position:relative;text-align:center}
.process li~li .process__circle:before{content:'';position:absolute;top:50%;left:-26px;width:11px;height:8px;margin-top:-4px;background:url(../images/icon_process.gif);background-size:11px 8px}
.process__circle{position:relative;width:170px;height:170px;padding-top:44px;border-radius:50%;background:#f9f9f9}
.process__step{font-size:12px;font-weight:600;color:var(--point)}
.process__title{margin-top:18px;font-size:22px;font-weight:500;line-height:1.25}
.process__icon{margin-bottom:8px}
.process__title--multiline{margin-top:6px}
.process--small li{flex-basis:160px}
.process--small .process__circle{width:160px;height:160px;padding-top:46px}
.process--small .process__icon{margin-bottom:16px}
.process--small .process__title{margin-top:26px;font-size:20px}
/* business : contact center */
.business-location{display:flex;justify-content:space-between;align-items:center}
.business-location__map{width:320px;height:485px;background-image:url(../images/map_sprite.gif);background-repeat:no-repeat;background-size:1920px 485px;cursor:pointer}
.business-location__map--contact{background-image:url(../images/map_sprite3.gif);background-size:1920px 485px}
.business-location__map[data-location="2"]{background-position:-320px 0}
.business-location__map[data-location="3"]{background-position:-640px 0}
.business-location__map[data-location="4"]{background-position:-960px 0}
.business-location__map[data-location="5"]{background-position:-1280px 0}
.business-location__map[data-location="6"]{background-position:-1600px 0}
.business-location__tbl{flex-basis:60%;flex-grow:1;margin-left:50px;border-collapse:collapse;border-spacing:0}
.business-location__tbl tr{position:relative}
.business-location__tbl tr:before{content:'';position:absolute;top:0;left:0;width:0;height:1px;background:var(--point);transition:all 0.3s ease-out}
.business-location__tbl tr:first-child:before{top:0}
.business-location__tbl tr:nth-child(2):before{top:-1px}
.business-location__tbl tr>*{}
.business-location__tbl tr:hover>*,
.business-location__tbl tr.active>*{}
.business-location__tbl tr.active:before,
.business-location__tbl tr:hover:before{width:100%}
.business-location__tbl th,
.business-location__tbl td {padding:40px;border-top:1px solid var(--lightgray);text-align:left;cursor:pointer}
.business-location__tbl th{width:38%;font-size:20px;font-weight:500}
.business-location__tbl tr.active th{color:var(--point)}
.business-location__name{display:block;position:relative;padding-left:25px}
.business-location__name:before{content:'';position:absolute;top:17px;left:0;width:16px;height:19px;margin-top:-10px;background:url(../images/icon_pin.gif)}
.business-location__tbl tr.active .business-location__name:before{background-image:url(../images/icon_pin_active.gif)}
/* business : smartfactory */
.business-feature{display:flex;margin-right:-67px}
.business-feature>li{position:relative;flex-basis:33.3333%;padding:15px 67px 15px 0}
.business-feature>li:before{content:'';position:absolute;top:0;right:40px;bottom:0;width:1px;background:var(--lightgray)}
.business-feature>li:after{content:'';position:absolute;top:50%;right:25px;width:30px;height:30px;margin-top:-15px;border:1px solid var(--lightgray);border-radius:50%;background:#fff url(../images/icon_right_color.svg) no-repeat 50%;background-size:7px 10px;z-index:1}
.business-feature>li:last-child:before,
.business-feature>li:last-child:after{content:none}
.business-feature__step{font-size:12px;font-weight:600;color:var(--point)}
.business-feature__title{margin-bottom:22px;font-size:20px;font-weight:500}
/* business : ai center */
.set .icons--box>li{position:relative;border-right:0 none}
.set .icons--box>li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:80px;margin-top:-40px;background:var(--lightgray)}
.set .icons--box>li:last-child:after{content:none}
.graph .list--black>li:first-child:before{content:none}
/* business : display */
.main-product{position:relative}
.main-product_wrap{display:flex;position:relative;flex-direction:row-reverse;max-width:1400px;margin:0 auto;align-items:stretch}
.main-product__item{overflow:hidden;flex-grow:1;flex-shrink:0;flex-basis:50%;align-self:center}
.main-product__item:last-child{padding-right:50px}
.main-product__item--slider{min-height:480px;background:url(../images/bg_displayproduct.jpg) no-repeat center top;background-size:cover;text-align:center}
.main-product__item--slider .table{min-height:480px}
.main-product__title{font-size:32px;font-weight:600}
.main-product__bar{position:relative;height:1px;margin-top:28px;background:var(--lightgray)}
.main-product__bar:before{content:'';position:absolute;top:0;left:0;width:20px;height:2px;background:var(--point)}
.main-product__meta p{min-height:56px}
.main-product__subtitle{margin:60px 0 15px;font-size:24px;font-weight:500}
.main-product__spec{margin-top:74px}
.display-slider .swiper-slide {background:url(../images/bg_displayproduct.jpg) no-repeat center top}
.display-slider__control{margin-top:40px;line-height:45px;text-align:center}
.display-slider__control .btn-pause{width:45px;height:45px}
.display-slider__indicator{display:inline-block;width:auto !important}
.display-slider__indicator .swiper-pagination-bullet{position:relative;width:45px;height:45px;margin:0 5px 0 0 !important;background-color:transparent;color:#fff;text-align:center;opacity:1}
.display-slider__indicator .swiper-pagination-bullet-active{border:2px solid #d6d6d6;opacity:1}
.display-slider__indicator .swiper-pagination-bullet-active .display-slider-loader{animation:kv-loader 7s linear}
.display-slider__indicator .swiper-pagination-bullet-active .display-slider-number{color:var(--black);line-height:41px}
.display-slider-number{font-size:12px;color:rgba(51,51,51,0.6);font-weight:bold;text-align:center;line-height:45px}
.display-slider-loader{fill:none;stroke-width:2px;stroke-linecap:round;stroke:#2a068a;stroke-dasharray:314;stroke-dashoffset:314;-webkit-transform:rotate(-90deg);-webkit-transform-origin:center center;transform:rotate(-90deg);transform-origin:center center}
.display-slider-imgbox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.display-slider__btn{position:absolute;display:inline-block;margin-top:0;width:25px;height:50px;top:50%;margin-top:-25px;background:url(../images/icon_swiperprev.svg) no-repeat;background-size:25px 50px}
.display-slider__btn:after{content:none}
.display-slider__btn--prev{left:-130px}
.display-slider__btn--next{right:-130px;transform:rotate(180deg)}
@keyframes kv-loader{100%{stroke-dashoffset:0}}
/* business : display list */
.products__menu{display:flex;justify-content:center;margin-bottom:50px}
.products__menu>a{display:inline-block;position:relative;padding:0 40px;font-weight:500;opacity:0.4}
.products__menu>a.active{opacity:1}
.products__menu>a:after{content:'';position:absolute;top:50%;right:0;width:1px;height:15px;margin-top:-7px;background:var(--lightgray)}
.products__menu>a:last-child:after{content:none}
.products__menuwrap{display:none}
.menuwrap{overflow:hidden;margin-bottom:25px}
.menuwrap .swiper-slide{width:auto}
.menuwrap .swiper-slide a{display:block;position:relative;padding:0 15px;font-weight:500;opacity:0.4}
.menuwrap .swiper-slide a.active{opacity:1}
.menuwrap .swiper-slide a:after{content:'';position:absolute;top:50%;right:0;width:1px;height:15px;margin-top:-7px;background:var(--lightgray)}
.products__search{max-width:700px;margin:0 auto}
.products__list{display:flex;justify-content:flex-start;gap:50px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--lightgray);text-align:center}
.products__list>li{flex-basis:30%;background:transparent}
.products__link{display:block;position:relative;overflow:hidden}
.products__thumbnail{position:relative;overflow:hidden;background:#f9f9f9}
.products__name{position:absolute;right:0;bottom:40px;left:0;font-size:20px;font-weight:500;text-align:center}
.products__info{display:flex;flex-direction:column;justify-content:center;position:absolute;left:100%;top:100%;width:100%;height:100%;background:rgba(0,0,0,0.95);color:var(--lightgray);text-align:center}
.products__info li~li{margin-top:5px}
.products__info strong{font-size:24px;font-weight:600;color:#fff}
.products__info li:last-child strong{font-size:20px}
.products__spec{position:relative;padding-right:15px;font-weight:500}
.products__spec:after{content:'';position:absolute;top:50%;right:7px;width:1px;height:15px;margin-top:-7px;background:var(--lightgray)}
@media (hover: hover) {
	.products__link:hover .products__info{bottom:0}
	.products__link:hover .products__name{display:none}
}
.products-preview{display:flex;align-items:center;flex-direction:row-reverse}
.products-preview__wrap,.products-preview__image{flex-basis:50%;overflow:hidden}
.products-preview__image{display:flex;justify-content:space-between;align-items:center}
.products-preview__slider{width:68%;overflow:hidden}
.products-preview__thumbnail{width:17%;height:390px}
.products-preview__thumbnail .swiper-slide{position:relative;width:100%;height:100%;padding:2px;background:#fff;border:1px solid var(--lightgray);text-align:center;cursor:pointer;transition:border-color 0.2s ease-out}
.products-preview__thumbnail .swiper-slide:before,
.products-preview__thumbnail .swiper-slide:after{content:'';position:absolute;border:1px solid transparent;width:0;height:0}
.products-preview__thumbnail .swiper-slide:before{top:-1px;left:-1px}
.products-preview__thumbnail .swiper-slide:after{bottom:-1px;right:-1px}
.products-preview__thumbnail .swiper-slide.swiper-slide-thumb-active{border-color:var(--point)}
.products-preview__thumbnail .swiper-slide:hover:before,
.products-preview__thumbnail .swiper-slide:hover:after{width:100%;height:100%}
.products-preview__thumbnail .swiper-slide:hover:before{border-top-color:var(--point);border-right-color:var(--point);transition:width 0.2s ease-out,height 0.2s ease-out 0.2s}
.products-preview__thumbnail .swiper-slide:hover:after{border-bottom-color:var(--point);border-left-color:var(--point);transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s}
.products-preview__title{font-size:56px;font-weight:600;color:#000;line-height:1.35}
.products-preview__description{font-size:32px;font-weight:500;color:#000}
.products-preview__feature{margin-top:30px;font-size:20px}
.products-preview__feature>li~li{margin-top:2px}
.products-preview__download{margin-top:30px;font-weight:500;line-height:60px;}
.products-preview__download a{display:inline-block;margin-left:15px;line-height:1}
.products-tbl{width:100%;border-spacing:0;border-top:1px solid #999}
.products-tbl th,
.products-tbl td{position:relative;padding:17px 40px;border-bottom:1px solid var(--lightgray);color:var(--darkgray);text-align:left;vertical-align:middle}
.products-tbl th{width:37%;font-weight:500}
.products-tbl td::before{content:'';position:absolute;top:50%;left:0;width:1px;height:20px;margin-top:-10px;background:var(--lightgray)}
.products-detail__link{margin-top:70px;text-align:center}
/* business : display service */
.service-location{display:flex;gap:50px;padding:28px 75px;border:1px solid var(--lightgray)}
.service-location>*{flex-grow:1}
.service-location__info{flex-basis:54%;align-self:flex-end;margin-left:30px}
.service-location__data{display:none}
.service-location__data.active{display:block}
.service-location__title{position:relative;margin-bottom:30px;padding-bottom:30px;padding-left:26px;border-bottom:1px solid var(--lightgray);font-size:24px;font-weight:500}
.service-location__title:after{content:'';position:absolute;bottom:-2px;left:0;width:20px;height:2px;background:var(--point);}
.service-location__title:before{content:'';position:absolute;top:9px;left:0;width:16px;height:19px;background:url(../images/icon_pin_active.gif) no-repeat center top}
.service-location__address{padding-bottom:30px;}
.service-location__address>li~li{margin-top:10px;}
.service-location__name{display:inline-block;width:50%}
/* investment : directors */
.director__information {position:relative;padding-left:90px}
.director__information~.director__information{margin-top:22px}
.director__information strong {position:absolute;top:0;left:0;font-size:18px;font-weight:500;color:#857c7a}
.director__career li{position:relative;padding-left:12px;font-size:18px;color:#666}
.director__career li~li{margin-top:6px}
.director__career li:after{content:'';position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background:#dadada}
.director__career li strong{display:inline-block;width:175px;font-weight:500;color:#857c7a}
.director__notice{margin:70px 0;color:var(--black)}
/* investment : organization */
.organization__table{margin-top:40px}
.organization__notice{margin-top:22px;color:var(--gray)}
.organization__button{margin-top:35px;text-align:center}
.split>li .organization__notice{display:none}
.split>li:nth-child(2) .organization__notice{display:block}
/* investment : rating */
.rating__table{margin-top:40px}
.rating__item~.rating__item{margin-top:160px}
.rating__esg{margin-bottom:80px}
/* investment : kcgs */
.kcgs{margin-top:60px;text-align:left}
.kcgs__title{font-size:24px;font-weight:600}
.kcgs__wrap{display:flex;margin-top:15px;padding:40px 60px;background:#f6f6f6;text-align:left;align-items:center}
.kcgs__grad{display:flex;margin-right:90px;padding-right:90px;border-right:1px solid var(--lightgray)}
.kcgs__list{margin-left:36px}
.kcgs__list li{color:#002857;line-height:1.66}
.kcgs__description{font-weight:500;color:#333}
.kcgs__sort{margin-top:15px;color:#666}
/* investment : ungc */
.rating__ungc{margin-bottom:80px}
.ungc{margin-top:30px;text-align:left}
.ungc__title{font-size:24px;font-weight:600}
.ungc__wrap{display:flex;margin-top:15px;padding:40px 60px;background:#f6f6f6;text-align:left;align-items:center}
.ungc__grad{display:flex;margin-right:50px;padding-right:50px;border-right:1px solid var(--lightgray)}
.ungc__list{margin-left:36px}
.ungc__list li{color:#002857;line-height:1.66}
.ungc__description{font-weight:500;color:#333}
.ungc__sort{margin-top:15px;color:#666}
.ungc__img.box__wrap{margin-top:20px}
/* investment : rule */
.rule__item~.rule__item{margin-top:30px}
.rule__item~.rule__title{margin-top:40px}
.rule__title{margin-bottom:20px;font-size:20px;font-weight:500}
.rule strong{display:block;margin-bottom:12px}
.rule li~li,.rule p~ul{margin-top:8px}
.rule li{position:relative;padding-left:20px}
.rule li span{position:absolute;top:0;left:0}
.rule li li{margin-top:8px;padding-left:18px}
/* investment : brochure */
.brochure{position:relative;margin-bottom:30px;padding-top:60px;margin-top:110px}
.sustainable.brochure{margin-top:50px}
.brochure__thumbnail{position:absolute;top:0;padding-left:60px;z-index:5}
.brochure__text{position:absolute;left:0;font-weight:600;color:var(--point);letter-spacing:0.25em}
.brochure__text span{position:relative}
.brochure__text span:after{position:absolute;top:0;left:0;content:''}
.brochure__image{border:1px solid var(--lightgray)}
.brochure__content{position:relative;margin-left:140px;padding:110px 60px 120px 385px;background:#f6f6f6}
.brochure__content:after{content:'';position:absolute;top:0;left:0;width:2800px;height:100%;background:#f6f6f6;z-index:-1}
.brochure__titlewrap{display:flex;align-items:center;position:relative;padding-bottom:12px;border-bottom:1px solid var(--lightgray)}
.brochure__titlewrap:after{position:absolute;bottom:-2px;left:0;width:20px;height:2px;background-color:var(--point);content:''}
.brochure__title{display:-webkit-box;overflow:hidden;min-height:42px;line-height:42px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:36px;font-weight:500}
.brochure__download{flex-basis:60px;flex-shrink:0;margin-left:15px}
.brochure__download:hover .icon{background:var(--point)}
.brochure__download:hover .icon-download:before{background-image:url(../images/icon_download_white.svg)}
.brochure__download:hover .brochure__icon--download {background-image:url(../images/icon_download_white.svg)}
.brochure__icon{display:inline-block;width:60px;height:60px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%}
.brochure__icon--download{background-image:url(../images/icon_download.svg);background-size:22px 20px}
.brochure__listwrap{padding-top:34px}
.brochure__listitle{font-size:18px;font-weight:600}
.brochure__list{margin-top:10px}
.brochure__list>li{position:relative;padding-left:35px}
.brochure__list>li~li{margin-top:5px}
.brochure__list>li:before{position:absolute;top:0;left:0;font-weight:600;color:var(--point)}
.brochure__list>li:nth-child(1):before{content:'01';}
.brochure__list>li:nth-child(2):before{content:'02';}
.brochure__list>li:nth-child(3):before{content:'03';}
.brochure__list>li:nth-child(4):before{content:'04';}
.brochure__list>li:nth-child(5):before{content:'05';}
.brochure__list>li:nth-child(6):before{content:'06';}
.brochure__list>li:nth-child(7):before{content:'07';}
.brochure__list>li:nth-child(8):before{content:'08';}
.brochure__list>li:nth-child(9):before{content:'09';}
.brochure__list>li:nth-child(10):before{content:'10';}
/* investment : report */
.report{display:flex;flex-wrap:wrap;margin:0 -20px}
.report li{position:relative;margin-top:60px;padding:0 20px;box-sizing:border-box;cursor:pointer;flex-basis:20%}
.report__link{display:block}
.report__thumbnail{position:relative;border:1px solid var(--lightgray)}
.report__thumbnail:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;content:''}
.report__title{display:-webkit-box;overflow:hidden;min-height:34px;margin-top:25px;font-size:24px;font-weight:500;line-height:34px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.report__download{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;border-radius:50%;background:var(--point);opacity:0}
.report__icon{display:inline-block;width:60px;height:60px;border-radius:50%;background-repeat:no-repeat;background-position:50%}
.report__icon--download{background-image:url(../images/icon_download_white.svg);background-size:22px 20px}
.report__link:hover .report__title{color:var(--point)}
.report__link:hover .report__thumbnail:before{opacity:0.8}
.report__link:hover .report__download{display:block;opacity:1}
/* investment : stock */
.stock{padding:0 85px}
.stock__overview{margin:30px 0}
.stockinfo{color:#fff;text-align:center}
.stockinfo__title{background:var(--point);font-size:20px;font-weight:600;line-height:70px}
.stockinfo__list{display:flex;border-top:1px solid #25317e;background:#0c1a6f}
.stockinfo__list li{flex-basis:25%;padding:26px 0;font-weight:300}
.stockinfo__list li~li{border-left:1px solid #25317e}
.stockinfo__list strong{display:block;margin-top:8px;font-size:20px}
.stockinfo__list small{position:relative;top:-2px;font-size:10px}
.stockinfo__list strong.stockinfo__current{margin-top:0;font-size:32px;line-height:42px}
.stockinfo__list strong.stockinfo__current small{font-size:18px;color:#ff0000}
.stockinfo__list strong.stockinfo__current--down small{color:#0072ff}
.stock__tab{display:flex;margin-top:110px;background:var(--lightgray);text-align:center}
.stock__tab a{flex-basis:25%;font-weight:500;line-height:75px}
.stock__tab a.active{background:#857c7a;color:#fff}
.stock__tab a~a{border-left:1px solid #fff}
.stock__content{display:none;margin-top:30px}
.stock__flex{display:flex}
.stock__item{flex-basis:50%}
.stock__item~.stock__item{border-left:1px solid var(--lightgray)}
/* investment : stockgraph */
.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie{fill:var(--point) !important}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut{stroke:var(--point) !important;stroke-width:2px !important}
/* prcenter : news */
.newslist{border-top:1px solid var(--lightgray)}
.newslist__link{display:flex;align-items:center;position:relative;padding:40px;border-bottom:1px solid var(--lightgray);transition:all 0.3s ease-out;box-sizing:border-box}
.newslist__link:before{content:'';position:absolute;top:-1px;left:0;width:0;height:1px;background-color:var(--point);transition:all 0.5s ease-out}
.newslist__thumbnail{position:relative;flex-basis:38%}
.newslist__content{padding-left:60px;flex:1.5;min-width:0}
.newslist__category{display:block;position:absolute;top:0;left:0;padding:15px 30px;background-color:var(--point);font-weight:bold;color:#fff}
.newslist__title{display:-webkit-box;overflow:hidden;min-height:29px;margin-bottom:20px;font-size:24px;font-weight:500;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.newslist__description{display:-webkit-box;overflow:hidden;min-height:30px;color:#333;line-height:30px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-all}
.newslist__date{margin-top:48px;font-size:16px;font-weight:300;color:#999}
.newslist__link:hover:before{width:100%}
.newslist__link:hover .newslist__title{color:var(--point)}
/* prcenter : detail */
.detail__header{padding:40px 0;border-top:1px solid #333;border-bottom:1px solid var(--lightgray);text-align:center}
.detail__category{font-weight:bold;color:var(--point);line-height:30px}
.detail__title{margin:5px 0 10px;font-size:24px;font-weight:500}
.detail__date{font-size:16px;color:#999}
.detail__body{border-bottom:1px solid #0f2a3f}
.detail__content{padding:75px 100px 80px;line-height:1.7}
/* prcenter : attach */
.attach__item{display:flex;align-items:center;padding:36px 100px;border-top:1px solid var(--lightgray)}
.attach__title{position:relative;padding-left:26px;padding-right:20px;font-weight:bold}
.attach__title:before{position:absolute;left:0;top:50%;width:16px;height:14px;margin-top:-7px;margin-right:10px;background:url(../images/icon_file.svg) 50% no-repeat;background-size:16px 14px;content:''}
.attach__title:after{position:absolute;top:50%;right:0;width:1px;height:22px;margin-top:-11px;background-color:var(--lightgray);content:''}
.attach__name{margin-left:20px;word-break:break-all}
.attach__name:hover{color:var(--point)}
/* prcenter : navigator */
.navigator{overflow:hidden;position:relative;margin-top:100px;padding:80px 100px;background:#f9f9f9}
.navigator__direction{display:block;position:relative;width:calc(50% - 30px);background-repeat:no-repeat;box-sizing:border-box}
.navigator__direction:before{display:inline-block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:9px;height:14px;background-image:url(../images/icon_left.svg);content:''}
.navigator__direction--prev{float:left;padding:0 30px 0 50px}
.navigator__direction--next{float:right;padding:0 50px 0 30px;text-align:right}
.navigator__direction--next:before{left:auto;right:0;background-image:url(../images/icon_right.svg);content:''}
.navigator__en{display:block;font-size:16px;font-weight:500;color:#999}
.navigator__title{display:block;overflow:hidden;font-size:24px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.navigator__direction:hover{color:var(--point)}
.navigator__direction.disabled{color:#999}
.navigator__direction.disabled:before,.navigator__direction:hover:before{opacity:0.4}
/* prcenter : award */
.awardlist{display:flex;margin:0 -20px;justify-content:space-between;flex-wrap:wrap}
.awardlist>li{padding:0 20px;flex-basis:50%;flex-shrink:0;min-width:0}
.awardlist__inner{display:flex;padding:40px;border-top:1px solid var(--lightgray)}
.awardlist__thumbnail{flex-basis:200px;margin-right:50px;border:1px solid var(--lightgray);cursor:pointer}
.awardlist__thumbnail img{max-width:200px}
.awardlist__content{position:relative;padding:15px 20px}
.awardlist__category{font-weight:bold;color:var(--point)}
.awardlist__title{display:-webkit-box;overflow:hidden;min-height:34px;margin:28px 0 12px;font-size:24px;font-weight:500;line-height:34px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.awardlist__agency{display:-webkit-box;overflow:hidden;min-height:22px;font-size:16px;font-weight:300;color:#999;line-height:22px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.awardlist__btn{position:absolute;bottom:20px;left:20px;width:60px;height:60px;border-radius:50%;background:transparent;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.awardlist__icon{display:inline-block;width:60px;height:60px;border-radius:50%;background-repeat:no-repeat;background-position:50%}
.awardlist__icon--more{background-image:url(../images/icon_plus_gray.svg);background-size:14px}
.awardlist>li:hover .awardlist__inner{border-color:var(--point)}
.awardlist>li:hover .awardlist__btn{background:var(--point)}
.awardlist>li:hover .awardlist__icon--more{background-image:url(../images/icon_plus_white.svg)}
/* prcenter : promotionVideo */
.btn-videoplay{position:absolute;top:50%;left:50%;width:106px;height:106px;margin-top:-53px;margin-left:-53px;background:url(../images/icon_video_play.svg) no-repeat 50%;background-size:106px 106px;z-index:10}
.promotion__video{position:relative;overflow:hidden;max-width:100%;margin-bottom:60px}
.promotion__video video{width:100%}
.promotion__detail{border-bottom:1px solid var(--lightgray)}
/* recruit */
.description{margin-bottom:45px}
.description--large{margin-bottom:90px}
.description strong{display:block;color:#333}
.figure~.description{margin-top:20px}
/* recruit : talent */
.talent__list{display:flex;flex-wrap:wrap;justify-content:space-between}
.talent__list li{flex-basis:46%;margin-bottom:50px}
.talent__subtitle{position:relative;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--lightgray);font-size:20px;font-weight:500;line-height:68px}
.talent__icon{position:absolute;top:0;right:0}
/* recruit : position */
.position{display:flex;justify-content:space-between}
.position li{position:relative;width:200px;height:200px;padding-top:74px;border:1px solid #999;border-radius:50%;text-align:center}
.position li~li:before{content:'';position:absolute;top:50%;left:-45px;width:11px;height:8px;margin-top:-4px;background:url(../images/icon_process.gif);background-size:11px 8px}
.position__name{font-size:20px;font-weight:500}
/* recruit : performance */
.performance{display:flex;justify-content:space-between;text-align:center}
.performance>li{position:relative;}
.performance>li:nth-child(2):before,.performance>li:nth-child(2):after{content:'';position:absolute;top:50%;width:1px;height:120px;margin-top:-60px;background:var(--lightgray)}
.performance>li:nth-child(2):before{left:-50%}
.performance>li:nth-child(2):after{right:-50%}
.performance__icon{width:200px;height:200px;padding-top:54px;border-radius:50%;background:#f9f9f9}
.performance__icon img{vertical-align:middle}
.performance__title{margin-top:22px;font-size:20px;font-weight:500}
/* recruit : reward */
.reward-system{display:flex;justify-content:space-between;padding:0 30px}
.reward__item{position:relative;flex-basis:275px}
.reward__circle{position:relative;width:275px;height:275px;padding:10px;border:1px solid rgba(183,126,49,0.2);border-radius:50%}
.reward__wrap{display:flex;align-items:center;height:100%;border:20px solid #b77e31;border-radius:50%;text-align:center}
.reward__info{flex-grow:1}
.reward__title{margin-top:22px;font-size:18px;font-weight:600}
.reward__item--blit .reward__circle:before,.reward__item--blit .reward__circle:after{content:'';display:block;position:absolute;top:50%;width:70px;height:20px;margin-top:-10px;z-index:1}
.reward__item--blit .reward__circle:before{left:-66px;background:url(../images/blit_reward01.gif) no-repeat center top}
.reward__item--blit .reward__circle:after{right:-66px;background:url(../images/blit_reward02.gif) no-repeat center top}
.reward__list{margin-top:40px;margin-left:-15px}
.reward__list .list>li{color:#333}
.reward__list .list>li li{font-weight:300}
/* recruit : guide */
.guide__table{margin-top:58px}
.dodream{margin-bottom:40px}
/* utility : legal */
.utility{max-width:1400px;margin:0 auto;padding-top:180px}
.utility__header{text-align:right}
.utility__item{display:inline-block;width:240px}
.utility__item~.utility__item{margin-left:16px}
.utility__item--version{width:auto}
.utility__item--version .btn-select{padding:0 54px 0 30px}
.utility__item--version .select__list{padding:18px 30px}
.utility__header~.utility__body{margin-top:60px}
/* utility : fulltext */
.fulltext{color:#333;line-height:1.55}
.fulltext__item~.fulltext__item{margin-top:45px}
.fulltext__title{margin-bottom:10px;font-size:24px;font-weight:600}
.fulltext__subtitle{margin-top:25px;margin-bottom:5px;font-weight:bold}
.fulltext__menu{padding:34px 38px;background:#f9f9f9}
.fulltext__menu a{display:block;margin:8px 0}
.fulltext__table{margin:15px 0}
.fulltext__table--accordion{display:none}
.fulltext__table--accordion.active{}
.fulltext li{position:relative;padding-left:15px;text-align:left}
.fulltext li span{position:absolute;left:0}
.fulltext .large > li{margin:15px 0}
.fulltext i{display:block;margin:20px 0;font-style:normal;color:#999}
/* utility : compare*/
.compare{display:flex;justify-content:space-between}
.compare__item{flex-basis:48%}
.compare__title{margin-bottom:35px;border-top:1px solid #333;border-bottom:1px solid var(--lightgray);font-weight:500;line-height:72px;text-align:center}
.compare__title--active{border-top-color:var(--point);color:var(--point)}
.compare .fulltext__item~.fulltext__item{margin-top:60px;padding-top:38px;border-top:1px solid var(--lightgray)}
/* contact us */
.icon-form{display:inline-block;width:24px;height:24px;margin-right:10px;border:1px solid var(--lightgray);background-size:14px;background-position:50%;background-repeat:no-repeat}
.icon-form--radio{border-radius:50%;background-size:9px;background-position:6px 6px}
.icon-form--check{background-image:url(../images/icon_check.svg);background-size:14px}
.contact__info{position:relative;padding-left:85px;color:#666}
.contact__method>img {width:17px;margin-right:10px;vertical-align:middle}
.contact__name{position:absolute;left:0;font-weight:500;color:#000}
.contact__item{padding-top:35px}
.form-group{display:flex;align-items:center;padding:20px 20px 20px 40px;border-bottom:1px solid var(--lightgray)}
.form-group:first-child{padding-top:0}
.form-group~.form-group:last-child{padding-bottom:60px;border-bottom:1px solid #999}
.form-title{font-weight:500;flex-basis:270px;flex-shrink:0}
.form-title--top{align-self:start}
.form-sup{margin-left:5px;color:#f00}
.form-contents{flex-grow:1}
.form-contents label{display:inline-block;line-height:24px;user-select:none}
.form-contents label~label{margin-left:36px}
.form__scroll{margin-top:30px;padding:15px 20px;border:1px solid var(--lightgray);background-color:#f9f9f9;color:#999}
.form__scroll.type1{background-color:#ffffff;color:#333}

.form__scroll p.type1{overflow-y: auto;height: 100%;padding-right:10px}
.form__scroll p{overflow-y:scroll;height:150px;padding-right:10px}
.form__scroll p::-webkit-scrollbar{width:1px}
.form__scroll p::-webkit-scrollbar-thumb{background:#333}
.form__scroll p::-webkit-scrollbar-track{background:#d8d8d8}
.form-realperson{display:flex;align-items:center;line-height:normal;user-select:none;cursor:pointer}
.realperson-text{font-family:"Courier New",monospace !important;font-size:6px;font-weight:bold;letter-spacing:-2px;line-height:4px}
.realperson-regen{padding-top:4px;font-size:12px;text-align:center;color:var(--point);font-weight:bold}
.is-realperson{margin-left:40px;padding:0 20px;border:1px solid var(--lightgray)}
.chk[type=radio]:checked ~ .icon-form--radio{border-color:var(--point);background-image:url(../images/icon_radio_on.svg)}
.chk[type=checkbox] ~ .icon-form--today{border-color:var(--point)}
.chk[type=checkbox]:checked ~ .icon-form--check{border-color:var(--point);background-image:url(../images/icon_check_on.svg)}
.chk[type=checkbox]:checked ~ .icon-form--today{background-image:url(../images/icon_check_on.svg)}
/* icon */
.icon{position:relative;display:inline-block;width:60px;height:60px;border-radius:50%;background-color:#fff;text-indent:-999em;transition:all 0.3s ease-out}
.icon:before{content:'';position:absolute;top:50%;left:50%;background-repeat:no-repeat;background-position:50% 50%}
.icon-link:before{width:15px;height:15px;margin-top:-7px;margin-left:-7px;background-image:url(../images/icon_link.svg)}
.icon-download:before{width:24px;height:21px;margin-top:-10px;margin-left:-12px;background-image:url(../images/icon_download.svg)}
.icon-download--gray:before{background-image:url(../images/icon_download_gray.svg)}
.icon-download--white{background-color:var(--point)}
.icon-download--white:before{background-image:url(../images/icon_download_white.svg)}
.icon-dropdown:before{width:10px;height:12px;margin-top:-4px;margin-left:-5px;background-image:url(../images/icon_right_gray.svg);background-size:10px 12px;background-position:54% 50%;transform-origin:50% 50%;transform:rotate(90deg)}
.icon-download:hover{background:var(--point)}
.icon-download:hover:before{background-image:url(../images/icon_download_white.svg)}
.ico{display:block;height:52px}
.ico img{vertical-align:middle}