@import url("fonts.css");
blockquote,body,button,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,select,span,td,textarea,th,ul{margin:0;padding:0;box-sizing:border-box;vertical-align:top}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
li,ol,ul{list-style:none}
a{color:inherit;vertical-align:top;text-decoration:none;box-sizing:border-box;cursor:pointer}
img{max-width:100%;vertical-align:top}
button{color:inherit;font-family:inherit;background-color:rgba(0,0,0,0);border:none;outline:0;cursor:pointer}
input,select,textarea{font:inherit}

::-moz-selection{background:#2287ff;color:#fff}
::selection{background:#2287ff;color:#fff}
body{-webkit-text-size-adjust:100%}
.ir{position:absolute;top:-9999999px;left:-9999999px;overflow:hidden;width:0;height:0;font-size:0;text-indent:-999999px}
body.scroll-lock{overflow:hidden}
body::-webkit-scrollbar{width:4px}
body::-webkit-scrollbar-thumb{height:30%;background:#333}
body::-webkit-scrollbar-track{background:rgba(33,122,244,.1)}
.scroll::-webkit-scrollbar{width:4px}
.scroll::-webkit-scrollbar-thumb{height:30%;background:#999}
.scroll::-webkit-scrollbar-track{background:#333}
select{display:inline-block;width:100%;border:none;appearance:none;-webkit-appearance:none;-webkit-border-radius:0;background-image:url(../images/common/icon_select_arrow.svg);background-position:98% 50%;background-color:rgba(0,0,0,0);background-size:auto;background-repeat:no-repeat;color:#000;font-weight:500;padding-right:20px}
input[type=text]{-webkit-appearance:none;border-radius:0;width:100%;height:25px;font-weight:500;border:none;background-color:rgba(0,0,0,0)}
input[type=number]:focus,input[type=password]:focus,input[type=text]:focus{outline:0!important}
input:disabled{background-color:#f1f1f1}
select:disabled{background-color:#f1f1f1}
.form-box__file input[type=text]:disabled{background-color:rgba(0,0,0,0)}
input::placeholder{font-size:16px;font-weight:500;color:#ddd}
input[type=password]{-webkit-appearance:none;border-radius:0;width:100%;height:25px;font-weight:500;border:none;background-color:rgba(0,0,0,0)}
input[type=radio]+label{display:inline-block;width:100%;height:58px;font-size:16px;font-weight:500;line-height:58px;color:#999;text-align:center;border:1px solid #ddd;cursor:pointer}
input[type=radio]:checked+label{border:1px solid #666;color:#333}
textarea{width:100%;height:140px;resize:none;border:none}
textarea::placeholder{font-size:18px;font-weight:500;color:#ddd}
label{font-size:14px;font-weight:500;line-height:1}
.c-chk{display:inline-block;width:15px;height:15px;margin-top:-4px;margin-right:10px;border:1px solid #ddd;vertical-align:middle;cursor:pointer}
input[type=checkbox]:checked+.c-chk{background-image:url(../images/common/icon_check_on.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
input[type=number]{display:inline-block;width:100%;height:25px;border:none}
.btn-wrap--fabric{margin-top:70px}
.btn-wrap--sub{margin-top:50px}
.btn-wrap--mtxl{margin-top:120px}
.btn-wrap--flex ul{font-size:0}
.btn-wrap--flex ul li{display:inline-block;padding:5px 7px}
.btn-wrap--esg{font-size:0}
.btn-wrap--esg a{margin-right:20px}
.btn-wrap--esg a:last-child{margin-right:0}
.btn{overflow:hidden;display:inline-block}
.btn .text{display:inline-block;position:relative;min-width:95px;width:100%;padding-right:36px;font-weight:700;line-height:60px}
.btn .text::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:14px;height:13px;background-image:url(../images/common/btn_arrow.png);background-position:center;background-size:contain;background-repeat:no-repeat;margin-top:-6px;transition:.21s ease}
.btn:hover .text::before{right:5px}
.btn--small{padding:0 29px;border-radius:21px}
.btn--small .text{min-width:73px;padding-right:16px;font-size:14px;line-height:42px}
.btn-downicon{width:20px;height:20px;padding:0;background-image:url(../images/common/btn_mob_download.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0}
.btn-wave{display:inline-block;position:relative}
.btn-wave__wrap{display:inline-flex;align-items:center;justify-content:center;position:relative;width:200px;height:60px;background-color:#fff;-webkit-clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);transition:.36s ease;transition-delay:.32s}
.btn-wave__text{display:inline-block;position:absolute;top:50%;left:50%;padding-right:30px;font-size:18px;font-weight:500;line-height:1;color:#000;transition:.3s ease;transform:translate(-50%,-50%);z-index:1;white-space:nowrap}
.btn-wave__text::before{content:"";display:inline-block;position:absolute;top:1px;right:0;width:16px;height:16px;background-image:url(../images/common/hexa_btn_arrow.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transition:.53s cubic-bezier(.76,0,.24,1)}
.btn-wave__circle{display:inline-block;position:absolute;top:0;left:0;width:30px;height:30px;transition:transform .5s cubic-bezier(.645,.045,.355,1),border-color .3s linear;background-color:#0066e0;border-radius:50%;transform:scale(0)}
.btn-wave--bgblue .btn-wave__wrap{background-color:#0066e0}
.btn-wave--bgblue .btn-wave__text{color:#fff}
.btn-wave--bgblue .btn-wave__text::before{background-image:url(../images/common/btn_arrow_white.svg)}
.btn-wave--bgblue .btn-wave__circle{background-color:#fff}
.btn-wave--large{width:250px}
.btn-wave--large .btn-wave__wrap{width:250px;-webkit-clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}
.btn-hexa{display:inline-block;position:relative;padding:0 50px}
.btn-hexa__text{display:inline-block;position:relative;padding-right:30px;font-size:18px;font-weight:500;line-height:60px;color:#333;transition:.3s ease}
.btn-hexa__text::before{content:"";display:inline-block;position:absolute;top:0;right:0;width:14px;height:13px;margin-top:23px;background-image:url(../images/common/btn_arrow.png);background-position:center;background-size:auto;background-repeat:no-repeat;transition:.43s cubic-bezier(.76,0,.24,1)}
.btn-hexa__bg{position:absolute;top:0;right:0;width:100%;height:100%;padding:0 18px;transition:.43s cubic-bezier(.76,0,.24,1)}
.btn-hexa__bg::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:0;height:0;border-right:18.5px solid #fff;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:0 solid transparent}
.btn-hexa__bg::after{content:"";display:inline-block;position:absolute;top:0;right:0;width:0;height:0;border-left:18.5px solid #fff;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:0 solid transparent}
.btn-hexa__bg-box{display:inline-block;position:relative;width:100%;height:100%;background-color:#fff}
.btn-hexa:hover .btn-hexa__text{color:#fff}
.btn-hexa:hover .btn-hexa__text::before{right:-22px}
.btn-hexa:hover .btn-hexa__bg{width:70px}
.btn-hexa--blue .btn-hexa__text{color:#fff}
.btn-hexa--blue .btn-hexa__text::before{background-image:url(../images/common/btn_arrow_white.png)}
.btn-hexa--blue .btn-hexa__bg-box{background-color:#0066e0}
.btn-hexa--blue .btn-hexa__bg::before{border-right:18.5px solid #0066e0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:0 solid transparent}
.btn-hexa--blue .btn-hexa__bg::after{border-left:18.5px solid #0066e0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:0 solid transparent}
.btn-home{width:75px;height:70px;padding:0;background-image:url(../images/common/btn_home.svg);background-position:center;background-size:auto;background-repeat:no-repeat;border-right:1px solid rgba(255,255,255,.3);border-radius:0}
.btn-home>span{font-size:0}
.btn-white{background-color:#fff}
.btn-white .text{color:#333}
.btn-blue{background-color:#0066e0}
.btn-blue .text{color:#fff}
.btn-blue .text::before{width:13px;height:12px;margin-top:-7px;background-image:url(../images/common/btn_arrow_white.png)}
.btn-blue--plus{width:50px;height:50px;padding:0;background-image:url(../images/common/btn-plus.svg);background-size:100% auto;background-position:center;background-repeat:no-repeat;font-size:0;border-radius:0}
.btn-view{width:30px;height:30px;background-position:center;background-size:auto;background-repeat:no-repeat;font-size:16px;font-weight:300;line-height:22px}
.btn-view--list{font-size:0;background-image:url(../images/common/btn_list.svg)}
.btn-view--list.active{background-image:url(../images/common/btn_list_on.svg)}
.btn-view--gallery{font-size:0;background-image:url(../images/common/btn_gallery.svg)}
.btn-view--gallery.active{background-image:url(../images/common/btn_gallery_on.svg)}
.btn-filter{position:relative;padding-right:25px;white-space:nowrap}
.btn-filter::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:15px;height:15px;background-image:url(../images/common/btn_filter.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%)}
.btn-download{position:relative;padding-right:25px;font-size:16px;font-weight:500;line-height:22px;color:#000;transition:.23s ease;word-break:break-all;word-wrap:break-word}
.btn-download::before{content:"";display:inline-block;position:absolute;top:2px;right:0;width:15px;height:16px;background-image:url(../images/common/btn_download.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transition:.23s ease}
.btn-download:hover{color:#0066e0}
.btn-download:hover::before{background-image:url(../images/common/btn_download_on.svg)}
.btn-viewmore{position:relative;padding-right:25px;font-size:16px;font-weight:500;line-height:22px;color:#000}
.btn-viewmore::before{content:"";display:inline-block;position:absolute;top:2px;right:0;width:15px;height:16px;background-image:url(../images/common/btn_view_more.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.btn-square{min-width:200px;padding:0 30px;background-color:#0066e0;line-height:48px;color:#fff;text-align:center;border:1px solid #0066e0;transition:.23s ease}
.btn-square:hover{background-color:#fff}
.btn-square:hover .btn-square__text{color:#0066e0}
.btn-square--full{width:100%}
.btn-square__text{display:inline-block;font-size:16px;font-weight:400;line-height:48px;color:#fff;transition:.23s ease}
.btn-square--download .btn-square__text{padding-right:30px;background-image:url(../images/common/btn_square_download.svg);background-position:center right;background-size:auto;background-repeat:no-repeat;font-size:16px;font-weight:500}
.btn-square--download:hover{background-color:#fff}
.btn-square--download:hover .btn-square__text{color:#0066e0;background-image:url(../images/common/btn_square_download_on.svg)}
.btn-square--arrow{min-width:250px;background-color:#fff;border:1px solid #fff}
.btn-square--arrow .btn-square__text{position:relative;padding-right:35px;color:#000}
.btn-square--arrow .btn-square__text::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:16px;height:16px;background-image:url(../images/common/btn_square_arrow.svg);background-size:auto;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);transition:.34s ease}
.btn-square--arrow:hover{background-color:#0066e0;border:1px solid #0066e0}
.btn-square--arrow:hover .btn-square__text{color:#fff}
.btn-square--arrow:hover .btn-square__text::before{background-image:url(../images/common/btn_square_arrow_on.svg);transform:translate(-5px,-50%)}
.btn-square--bluearrow{min-width:200px;background-color:#0066e0;border:1px solid #0066e0;text-align:center}
.btn-square--bluearrow .btn-square__text{position:relative;padding-right:35px;color:#fff}
.btn-square--bluearrow .btn-square__text::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:17px;height:14px;background-image:url(../images/common/btn_square_arrow_blue.svg);background-size:auto;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);transition:.34s ease}
.btn-square--bluearrow:hover .btn-square__text{position:relative;padding-right:35px;color:#0066e0}
.btn-square--bluearrow:hover .btn-square__text::before{background-image:url(../images/common/btn_square_arrow_blue_on.svg)}
.btn-square--bgblue{float:right;margin-top:30px}
.btn-square--bgblue .btn-square__text{position:relative}
.btn-square--bgblue .btn-square__text::after{content:"";display:inline-block;width:15px;height:15px;vertical-align:middle;margin-top:10px;margin-left:15px;background-image:url(../images/common/btn_square_arrow_blue.svg);background-size:auto;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);transition:.34s ease}
.btn-square--bgblue:hover .btn-square__text::after{background-image:url(../images/common/btn_square_arrow_blue_on.svg)}
.btn-square--bggray{min-width:200px;border:none;background-color:#999;border:1px solid #999}
.btn-square--bggray .btn-square__text{position:relative;color:#fff}
.btn-square--bggray:hover .btn-square__text{color:#999}
.btn-square--graynohv:hover{background-color:#999;border:1px solid #999}
.btn-square--graynohv:hover .btn-square__text{color:#fff}
.btn-square--graynohv .btn-square__text{padding-right:0}
.btn-square--graynohv .btn-square__text::before{display:none}
.btn-square--white{background-color:#fff;border:1px solid #ddd;transition:.34s ease}
.btn-square--white .btn-square__text{color:#333}
.btn-square--white:hover{background-color:#333}
.btn-square--white:hover .btn-square__text{color:#fff}
.btn-square--dgray{background-color:#999;border:1px solid #999}
.btn-square--dgray .btn-square__text{color:#fff}
.btn-square--dgray:hover{background-color:#fff}
.btn-square--dgray:hover .btn-square__text{color:#999}
.btn-init{position:relative;padding-right:14px;font-size:14px;font-weight:500;line-height:24px;color:#999;vertical-align:middle}
.btn-init::before{content:"";display:inline-block;position:absolute;top:6px;right:0;width:10px;height:11px;background-image:url(../images/common/btn_init.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.btn-align{position:relative;padding-right:30px;font-size:14px;font-weight:500;line-height:24px;color:#333}
.btn-align::before{content:"";display:inline-block;position:absolute;top:5px;right:0;width:15px;height:15px;background-image:url(../images/common/btn_align.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.btn-align.reverse::before{transform:rotate(180deg)}
.btn-viewer{display:inline-block;width:15px;height:15px;background-image:url(../images/common/btn_viewer.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0}
.btn-compare{position:relative;padding-left:40px;font-size:16px;font-weight:300;line-height:25px;text-align:left}
.btn-compare::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:25px;height:25px;background-image:url(../images/common/icon_compare.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.btn-compare.active::before{background-image:url(../images/common/icon_compare_on.svg)}
.btn-arrow{position:relative;padding-right:25px;font-size:16px;font-weight:500;line-height:22px;transition:.23s ease}
.btn-arrow--blk{color:#000}
.btn-arrow--blk:hover{color:#0066e0}
.btn-arrow::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:16px;height:16px;background-image:url(../images/common/btn_tbllink.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%);transition:.23s ease}
.btn-arrow:hover{color:#0066e0}
.btn-arrow:hover::before{background-image:url(../images/common/btn_tbllink_on.svg);transform:translate(-5px,-50%)}
.btn-arrow--white{color:#fff}
.btn-arrow--white::before{background-image:url(../images/common/btn_tbllink_white.svg)}
.btn-findaway{display:inline-block;position:relative;margin-left:10px;padding-top:5px;padding-bottom:5px;font-size:14px;font-weight:700;line-height:1;color:#999;vertical-align:middle}
.btn-findaway::before{content:"";display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#999}
.btn-findaddress{width:15px;height:15px;background-image:url(../images/common/btn_find_address.svg);background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0}
.btn-editrow{position:relative;padding-left:30px;font-size:16px;font-weight:300;line-height:22px}
.btn-editrow::before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:20px;height:20px;background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%)}
.btn-editrow--add::before{background-image:url(../images/common/btn_row_add.svg)}
.btn-editrow--del::before{background-image:url(../images/common/btn_row_del.svg)}
.btn-editrow#docBtn{background-image:url(../images/common/icon_resume_toggle.svg);background-position:left center;background-size:auto;background-repeat:no-repeat}
.btn-editrow#docBtn::before{left:4px;width:12px;height:12px;background-image:url(../images/common/btn_white_arrow.svg);transition:.34s ease}
.btn-editrow#docBtn.open::before{transform:translateY(-50%) rotate(180deg)}
.btn-import{position:relative;padding-right:25px;font-size:16px;font-weight:500;line-height:22px}
.btn-import::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:15px;height:15px;background-image:url(../images/common/btn_import.svg);background-size:auto;background-position:center;background-repeat:no-repeat;transform:translateY(-50%)}
.btn-preview-file{width:200px;height:50px;background-color:#0066e0;font-size:16px;font-weight:500;line-height:50px;text-align:center;color:#fff}
.icon-eco{display:inline-block;width:40px;height:40px;background-image:url(../images/common/icon_eco.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.blind{position:absolute;overflow:hidden;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;visibility:hidden}
.clear:after{content:"";display:block;clear:both}
.tac{text-align:center!important}
.tar{text-align:right!important}
.tal{text-align:left!important}
.wrap{font-family:Poppins,spoqa,Pretendard,mooli,"Noto Sans SC", "Microsoft YaHei","Malgun Gothic";font-size:16px;font-weight:300;color:#000;line-height:1.5;word-break:break-word;letter-spacing:-.02em;overflow:hidden}
.row{position:relative;max-width:1680px;width:100%;margin:0 auto;padding:0 40px}
.row:after{content:"";display:block;clear:both}
.description--large{font-size:20px}
.description--center{text-align:center}
.pcv{display:block}
.ssv{display:block}
.mov{display:none}
.impact{color:#0066e0!important}
.impact-sub{color:#1bc98d!important}
.popup{position:relative;z-index:9999}
.popup--main{display:none;position:fixed;top:50%;transform:translateY(-50%);right:150px;z-index:-1;background:rgba(0,0,0,0);display:none;max-width:512px;width:100%}
.popup--main__slider{display:block}
.popup--main .cm_middle{display:block}
.popup--main.active{display:block;z-index:999}
.popup--main__nav.swiper-pagination-bullets.swiper-pagination-horizontal{position:absolute;bottom:20px;left:0;width:100%;z-index:1;text-align:center}
.popup--main__nav.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{display:inline-block;width:5px;height:4px;background-image:url(../images/common/icon_popup_slide.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.popup--main__nav.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{width:12px;height:10px;background-image:url(../images/common/icon_popup_slide_on.svg)}
.popup--main__wrap{position:relative;top:0;right:0;box-shadow:4px 3px 12px 2px rgba(0,0,0,.35)}
.popup--main__clsbtn{position:absolute;right:10px;top:5px;width:30px;height:30px}
.popup--main__donot{position:absolute;left:10px;top:5px;height:30px}
.popup--main__donot label{white-space:nowrap}
.popup--main__donot #donot{vertical-align:middle}
.popup--main__bottom{position:relative;height:30px;width:100%;top:0;background:#202020}
.popup--main__linked>a{display:block}
.popup--main__linked>a.pcv{display:block!important}
.popup--main__linked>a.mov{display:none!important}
.popup--main__linked>a>img{display:inline-block;width:100%;max-height:626px}
.editor-pc{display:block}
.editor-m{display:none}
@media screen and (max-width:1601px){
    .editor-pc{display:none}
    .editor-m{display:block}
}
.layer{display:none}
.layer.active{display:block}
.layer__header{position:relative}
.layer__close{position:absolute;top:0;right:0;transform:translateX(-50%);width:15px;height:15px;background:url(../images/common/btn_layer_close.svg) no-repeat}
.layer__wrap{position:fixed;width:100%;height:100vh;top:0;z-index:51}
.layer__body{overflow-y:auto;display:inline-block;position:absolute;left:50%;top:50%;max-width:680px;width:100%;padding:40px;transform:translate(-50%,-50%);background-color:#fff}
.layer__box .tbl thead tr th{font-size:18px}
.layer__type--video{max-width:952px;width:100%}
.layer__type--main{width:680px;padding:0 20px;padding-bottom:50px}
.layer__type--viewer{max-width:550px;width:calc(100% - 30px);padding-bottom:50px;cursor:grab}
.layer__type--image{max-width:1370px;width:100%;padding:0 15px;padding-bottom:50px}
.layer__video{position:relative;padding-top:56.25%;height:0;background-color:#fff}
.layer__video>iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.layer__image img{width:100%}
.layer__pdf{position:relative;overflow:hidden}
.layer__slider{position:relative;overflow:hidden}
.layer__title{margin-bottom:30px;padding-right:30px;font-size:20px;font-weight:500;line-height:1}
.layer__content{max-height:160px;font-size:20px;color:#666;line-height:30px;overflow-y:auto}
.layer__info{padding:40px 50px;background-color:#fff}
.layer__bg{position:fixed;top:0;width:100%;height:100%;background-color:#363636;opacity:.7;z-index:0}
.layer__button{display:flex;justify-content:space-between;align-items:center;padding:21px 30px;background-color:#003686;border-bottom-left-radius:30px;border-bottom-right-radius:30px}
.layer__counter{position:absolute;right:20px;bottom:10px;padding:10px 20px;border-radius:20px;font-size:14px;color:#fff;line-height:14px;font-weight:700;background-color:rgba(54,54,54,.6);z-index:1}
.layer__counter small{margin:0 5px}
.layer__nav{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-position:50%;background-repeat:no-repeat;z-index:1;cursor:pointer}
.layer__nav--next{right:-50px;background-image:url(/ko/assets/images/icons/icon_layer_pdfslider_next.svg)}
.layer__nav--prev{left:-50px;background-image:url(/ko/assets/images/icons/icon_layer_pdfslider_prev.svg)}
.layer__nav.swiper-button-disabled{opacity:.4}
.layer .tbl tbody tr:hover{background-color:rgba(0,0,0,0)}
.layer .tbl tbody tr:hover::after{display:none}
.header{position:fixed;top:0;left:0;width:100%;z-index:11;transition:.35s ease}
.header.hide{display:none}
.header__wrap{padding:0 50px;font-size:0;text-align:center}
.header__logo{position:absolute;top:50%;left:50px;transform:translateY(-50%)}
.header__logo a{position:relative;display:inline-block;width:214px;height:50px;font-size:0}
.header__logo a .logo__box{position:absolute;top:0;left:0;width:100%;height:100%}
.header__logo a .logo__box img{position:absolute;top:50%;left:0;transform:translateY(-50%);height:100%}
.header__logo a .logo__box--on{opacity:0}
.header__logo a .logo__40th{animation-duration:4s;animation-name:fadein;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;opacity:0}
@keyframes fadeout{0%{opacity:1}
25%{opacity:1}
50%{opacity:0}
75%{opacity:0}
100%{opacity:0}
}
@keyframes fadein{0%{opacity:0}
25%{opacity:0}
50%{opacity:0}
75%{opacity:1}
100%{opacity:1}
}
.header.active{background-color:rgba(255,255,255,.93);border-bottom:1px solid #eee}
.header.active .header__logo a .logo__box--off{opacity:0}
.header.active .header__logo a .logo__box--on{opacity:1}
.header.active .gnb__list>li>a{color:#000}
.header.active .icon-search__text{background-image:url(../images/common/icon_search_on.svg)}
.header.active .icon-lang{background-image:url(../images/common/icon_lang_on.svg)}
.header.active .icon-ham__text{background-image:url(../images/common/icon_ham_on.svg)}
.header.active .lang-box{position:relative}
.header.active .lang-box>button::before{background-image:url(../images/common/btn_lang_arrow_on.svg)}
.header.active .lang-box__list{background-color:#fff;border:1px solid #ddd}
.header.active .lang-box__list ul li a{color:#333}
.header.active .header__menu>ul>li{color:#000}
.header.active .header__menu>ul>li::before{background-color:#000}
.gnb{display:inline-block}
.gnb__list{display:inline-block;font-size:0}
.gnb-bg{display:none;position:absolute;top:80px;left:0;width:100%;height:600px;border-top:1px solid #eee;background-color:#fff;opacity:.95}
.gnb-menu{display:inline-block;position:relative;width:250px}
.gnb-menu>a{display:block;position:relative;padding:0 20px;font-size:18px;font-weight:500;line-height:80px;color:#fff;transition:.32s ease;text-align:center}
.gnb-menu>a:before{content:"";display:inline-block;position:absolute;bottom:0;left:50%;width:0%;height:2px;background-color:#0066e0;transition:.23s ease}
.gnb-menu.on>a::before{left:0;width:100%}
.gnb-sub{display:none;position:absolute;top:80px;left:0;width:100%;text-align:center}
.gnb-sub__wrap--fw .gnb-sub__item a{padding:10px;font-weight:300;font-size:14px}
.gnb-sub__title{display:block;padding:10px;font-size:16px;font-weight:500;line-height:1}
.gnb-sub__list{display:flex;justify-content:center;border-left:1px solid #eee;border-right:1px solid #eee}
.gnb-sub__list>li{display:inline-block;position:relative;width:250px;padding:20px 0 40px 0}
.gnb-sub__list>li::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:1px;height:100%;background-color:#eee}
.gnb-sub__list>li:first-child::before,.gnb-sub__list>li:nth-child(6)::before{background-color:unset}
.gnb-sub__list>li:last-child::after{content:"";display:inline-block;position:absolute;top:0;right:0;width:1px;height:100%;background-color:unset}
.gnb-sub__item>a{display:block;width:100%;padding:10px;font-size:16px;font-weight:400;line-height:1}
.gnb-sub__item>a:hover{font-weight:500;color:#0066e0}
.gnb-ci{position:absolute;top:0;right:0;width:calc(50% - 500px);padding:30px 50px 0}
.btn-ci{width:100%;padding-bottom:25px;border-bottom:1px solid #ddd;text-align:left}
.btn-ci__text{display:inline-block;width:100%;position:relative;padding-right:20px;font-size:16px;line-height:22px;font-weight:400;color:#000}
.btn-ci__text::before{content:"";position:absolute;top:3px;right:0;display:inline-block;width:16px;height:16px;background:url(../images/common/hexa_btn_arrow.svg) center/auto no-repeat}
.header__menu{position:absolute;top:50%;right:40px;transform:translateY(-50%);font-size:0}
.header__menu>ul{display:inline-block;margin-right:50px}
.header__menu>ul>li{display:inline-block;position:relative;padding:0 20px;font-size:14px;font-weight:400;line-height:1;color:#fff}
.header__menu>ul>li::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:1px;height:10px;background-color:#fff;opacity:.2;transform:translateY(-50%)}
.header__menu>ul>li:last-child{padding-right:0}
.header__menu>ul>li:last-child::before{display:none}
.header__menu>ul>li>a{display:inline-block;font-size:14px;font-weight:400;line-height:20px}
.header__menu>ul>li>button{display:inline-block;line-height:20px}
.hamburger-menu{display:inline-block;font-size:0}
.icon-ham{display:inline-block;font-size:0}
.icon-ham__text{display:inline-block;width:24px;height:24px;position:relative;background-image:url(../images/common/icon_ham.svg);background-position:center;background-size:24px auto;background-repeat:no-repeat;font-size:0}
.lang-box{position:relative}
.lang-box.active .lang-box__list{display:block}
.lang-box.active>button::before{transform:rotate(180deg)}
.lang-box>button{position:relative;padding-right:12px}
.lang-box>button::before{content:"";display:inline-block;position:absolute;top:6px;right:0;width:10px;height:10px;background-image:url(../images/common/btn_lang_arrow.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:14px;font-weight:400}
.lang-box__list{display:none;position:absolute;top:30px;left:50%;background-color:rgba(255,255,255,.3);transform:translateX(-50%);border-radius:3px}
.lang-box__list li a{display:block;width:60px;line-height:25px;color:#fff}
.all-menu{position:fixed;top:0;right:-100%;height:100%;transition:1.03s ease;z-index:12}
.all-menu.active{right:0}
.all-menu__box{display:inline-block;background-color:rgba(255,255,255,.95);width:25vw;height:100%}
.all-menu__inbox{position:relative;padding:11.8153vh 20px 10.2041vh;height:100%}
.all-menu__header{position:absolute;top:4.2965vh;left:3.6534vw}
.all-menu__header>ul{font-size:0}
.all-menu__header>ul>li{display:inline-block;margin-right:25px}
.all-menu__header>ul>li:last-child{margin-right:0}
.all-menu__header>ul>li>a{display:block;position:relative;padding:1px 0;font-size:14px;font-weight:400;line-height:22px;color:#000}
.all-menu__header>ul>li>a::before{display:none;content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#0066e0}
.all-menu__header>ul>li.active>a{color:#0066e0}
.all-menu__header>ul>li.active>a::before{display:block}
.all-menu__close{display:inline-block;position:absolute;top:4%;right:40px;width:24px;height:24px;background-image:url(../images/common/btn_allmenu_close.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0}
.all-menu__depth li{padding:2.5vh 0}
.all-menu__depth li:first-child{padding-top:0}
.all-menu__depth li a{display:inline-block;position:relative;font-size:2.8vh;font-weight:500;line-height:1.2;color:#000;transition:.34s ease}
.all-menu__depth li a::before{opacity:0;content:"";display:inline-block;position:absolute;top:50%;left:0;width:16px;height:15px;background-image:url(../images/common/icon_allmenu_arrow.svg);background-size:auto;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);transition:.34s ease}
.all-menu__depth li a.active{padding-left:30px;color:#0066e0}
.all-menu__depth li a.active::before{opacity:1;transition-delay:.2s}
.all-menu__depth li:not(:has(.all-menu__subdepth)) a.active{padding-left:0}
.all-menu__depth li:not(:has(.all-menu__subdepth)) a.active::before{display:none}
.all-menu__subdepth{opacity:0;visibility:hidden;position:absolute;top:0;right:100%;width:25vw;height:100%;background-color:rgba(255,255,255,.95);border-right:1px solid #eee;transition:.43s ease}
.all-menu__subdepth.active{opacity:1;visibility:visible}
.all-menu__subwrap{position:relative;padding:11.8153vh 3.6534vw 10.2041vh;height:100%}
.all-menu__footer{position:absolute;display:flex;justify-content:space-between;width:100%;bottom:6.4447vh;left:0;padding:0 20px}
.all-menu__footer>ul{font-size:0}
.all-menu__footer>ul li{display:inline-block;margin-right:25px}
.all-menu__footer>ul li:last-child{margin-right:0}
.all-menu__footer a{display:block;position:relative;padding-right:23px;font-size:14px;font-weight:400;line-height:1}
.all-menu__footer a::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:16px;height:15px;background-image:url(../images/common/icon_diag_arrow.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%)}
.mob-menu{position:fixed;top:0;right:-100%;max-width:769px;width:100%;height:100vh;background-color:#fff;z-index:999999999;transition:.53s ease}
.mob-menu.active{right:0}
.mob-menu__title{font-size:20px;font-weight:400;line-height:1;color:#000}
.mob-menu__inbox{position:relative;width:100%;height:100%;padding-top:70px;padding-bottom:54px}
.mob-menu__head{padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;right:0;width:100%;height:70px;border-bottom:1px solid #eee}
.mob-menu__left{display:none}
.mob-menu__left.active{display:block}
.mob-menu .btn-mob-back{display:inline-block;width:24px;height:24px;background-image:url(../images/common/btn_mob_menu_back.svg);background-position:center;background-size:auto;background-repeat:no-repeast;font-size:0}
.mob-menu .btn-mob-close{display:inline-block;width:24px;height:24px;background-image:url(../images/common/btn_allmenu_close.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0}
.mob-menu__body{position:relative;height:100%;padding:60px 20px 0}
.mob-menu__list>ul>li{padding:22px 0}
.mob-menu__list>ul>li:first-child{padding-top:0}
.mob-menu__list>ul>li:last-child{padding-bottom:0}
.mob-menu__list>ul>li>a{display:inline-block;font-size:26px;font-weight:400;line-height:1}
.mob-menu__submenu{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f9f9f9}
.mob-menu__submenu.active{display:block}
.mob-menu__wrap{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#fff;padding:38px 0 0}
.mob-menu__wrap>ul>li{padding:22px 20px}
.mob-menu__wrap>ul>li>a{font-size:20px;font-weight:500;line-height:1}
.mob-menu__wrap>ul>li.active>a{color:#0066e0}
.mob-menu__subdepth2{display:none;position:absolute;top:0;left:100%;width:100%;height:100%;background-color:#f9f9f9}
.mob-menu__subdepth2.active{display:block}
.mob-menu__subdepth2>.mob-menu__subwrap{overflow-y:auto;position:absolute;top:0;left:0;width:100%;height:100%;padding:40px 0 20px}
.mob-menu__subdepth2>.mob-menu__subwrap>ul>li{padding:20px}
.mob-menu__subdepth2>.mob-menu__subwrap>ul>li a{display:inline-block;font-size:16px;font-weight:500;line-height:22px}
.mob-menu__subdepth2>.mob-menu__subwrap>ul>li.active>a{color:#0066e0}
.mob-menu__subdepth3{display:none}
.mob-menu__subdepth3.active{display:block}
.mob-menu__subdepth3 .mob-menu__subwrap{padding-top:25px}
.mob-menu__subdepth3 .mob-menu__subwrap>ul>li{margin-bottom:10px}
.mob-menu__subdepth3 .mob-menu__subwrap>ul>li:last-child{margin-bottom:0}
.mob-menu__subdepth3 .mob-menu__subwrap>ul>li>a{display:block;font-size:14px;font-weight:500;line-height:1}
.mob-menu__subdepth3 .mob-menu__subwrap>ul>li.active>a{color:#0066e0}
.mob-menu__subdepth4{display:none}
.mob-menu__subdepth4.active{display:block}
.mob-menu__subdepth4 .mob-menu__subwrap{padding:15px 0 10px 5px}
.mob-menu__subdepth4 .mob-menu__subwrap>ul>li{margin-bottom:10px}
.mob-menu__subdepth4 .mob-menu__subwrap>ul>li:last-child{margin-bottom:0}
.mob-menu__subdepth4 .mob-menu__subwrap>ul>li>a{display:block;font-size:13px;font-weight:400;line-height:1}
.mob-menu__subdepth4 .mob-menu__subwrap>ul>li.active>a{color:#0066e0}
.mob-menu__tit{display:block;padding:20px;font-size:16px;font-weight:500;line-height:16px}
.mob-menu__footer{display:flex;justify-content:space-between;padding:20px;border-top:1px solid #eee}
.mob-menu__footer ul{font-size:0}
.mob-menu__footer ul li{display:inline-block;margin-right:25px}
.mob-menu__footer ul li:last-child{margin-right:0}
.mob-menu__footer ul li a{display:inline-block;position:relative;padding-right:20px;font-size:14px;font-weight:400;line-height:20px}
.mob-menu__footer ul li a::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:15px;height:15px;background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%)}
.mob-menu__lang{display:inline-block;width:30px;height:20px;font-size: 12px/*background-image:url(../images/common/icon_earth.svg);background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0*/}
.mob-menu__select>ul>li a{padding-right: 0}
.mob-menu__select>ul>li.active>a {color: #0066e0;}
.mob-menu__select>ul>li>a::before {display: none; content: ""; position: absolute;top: auto; bottom: 0;left: 0; width: 100%; height: 1px; background-color: #0066e0;}
.mob-menu__select>ul>li.active>a::before {display: block;}
.footer{position:relative;border-top:1px solid #eee;background-color:#fff;z-index:10}
.footer__wrap{display:flex;justify-content:space-between;align-items:center;max-width:none;padding:20px 50px}
.footer__logo{display:inline-block;margin-right:62px}
.footer__logo h2{display:inline-block}
.footer__logo h2 a{display:inline-block;width:102px;height:30px;background-image:url(../images/common/footer_logo.svg);background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0}
.footer__left{display:flex;align-items:center}
.footer__right{display:flex;align-items:center}
.footer__sns{display:inline-block;margin-right:40px}
.footer__item{display:inline-block;position:relative;padding:0 20px}
.footer__item::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:1px;height:10px;background-color:#eee;transform:translateY(-50%)}
.footer__item:last-child::before{display:none}
.footer__item>a{display:inline-block;width:20px;height:20px;background-size:auto;background-position:center;background-repeat:no-repeat;font-size:0}
.footer__item.linkedin>a{background-image:url(../images/common/icon_sns_linkedin.svg)}
.footer__item.youtube>a{background-image:url(../images/common/icon_sns_youtube.svg)}
.footer__item.facebook>a{background-image:url(../images/common/icon_sns_facebook.svg)}
.footer-nav{display:inline-block;vertical-align:middle}
.footer-nav__list{font-size:0}
.footer-nav__list>li{display:inline-block;position:relative;color:#333;margin-right:20px;padding-right:20px}
.footer-nav__list>li::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:1px;height:10px;background-color:#eee;transform:translateY(-50%)}
.footer-nav__list>li a{display:block;font-size:14px;font-weight:400;line-height:1}
.footer-nav__list>li.bold a{font-weight:500}
.copyright{display:inline-block;font-size:14px;font-weight:400;line-height:22px;color:#999;vertical-align:middle}
.family-site{position:relative}
.family-site__list{display:none;overflow-y:auto;position:absolute;left:0;bottom:66px;width:100%;height:190px;padding:20px 30px;background-color:#f9f9f9;z-index:999}
.family-site__list ul li>a{display:block;font-size:14px;font-weight:400;line-height:34px}
.family-site__list ul li>a:hover{color:#0066e0}
.family-site.active .btn-family__text::before{transform:translateY(-50%) rotate(180deg)}
.family-site.active .family-site__list{display:block}
.btn-family{display:inline-block;padding:12px;border-bottom:1px solid #999}
.btn-family__text{display:inline-block;min-width:225px;position:relative;padding-right:10px;font-size:14px;font-weight:400;line-height:1;color:#444;text-align:left}
.btn-family__text::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:8px;height:8px;background-image:url(../images/common/btn_black_arrow.png);background-position:center;background-size:contain;background-repeat:no-repeat;transition:.23s ease;transform:translateY(-50%)}
.blue{color:#0066e0}
.green{color:#1bc98d}
.fw300{display:inline-block;font-size:16px;font-weight:300;font-style:normal}
.sub__keyvisual{position:fixed;height:100vh;top:0;left:0;width:100%;z-index:unset;background-size:cover;background-position:center;background-repeat:no-repeat}
.sub__keyvisual--left{background-position:left}
.sub__keyvisual--small{position:relative;height:auto;margin-top:80px;background-color:#f9f9f9}
.sub__keyvisual--small .visual-wrap{padding:100px 0;color:#000}
.sub__keyvisual--small .subkv__title{font-size:36px;line-height:1}
.sub__keyvisual--small .subkv__description{font-size:16px;line-height:22px}
.sub__bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.sub__bg img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-width:none;max-height:none;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}
.sub__bg img.mov{min-width:auto;width:100%}
.visual-wrap{display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;width:100%;height:100%;padding:0 20px;color:#fff}
.visual-wrap.pos-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto}
.subkv__title{font-family:Mooli;font-size:80px;font-weight:500;line-height:90px;text-align:center;letter-spacing:5px}
.subkv__description{margin-top:50px;font-size:20px;font-weight:300;line-height:30px;text-align:center}
.subkv__description--stop{margin-top:30px}
.scroll-down{display:inline-block;position:absolute;bottom:80px;left:50%;transform:translateX(-50%);text-align:center}
.scroll-down__text{display:block;margin-bottom:15px;font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;color:#fff}
.scroll-down__icon{display:inline-block;width:24px;height:24px;background-image:url(../images/common/icon_scroll_down.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0;animation:scrollDown 1.07s linear infinite}
@keyframes scrollDown{0%{transform:translateY(0)}
50%{transform:translateY(-7px)}
100%{transform:translateY(0)}
}
.breadcrumb{position:fixed;top:-80px;left:0;width:100%;background-color:rgba(255,255,255,.93);border-top:1px solid #ddd;transition:.53s cubic-bezier(.87,0,.13,1);z-index:11}
.breadcrumb.fixed-top{top:0;bottom:auto}
.breadcrumb.hide{transform:translateY(-70px)}
.breadcrumb__inner{position:relative;width:100%;max-width:1600px;margin:0 auto;padding-left:75px}
.breadcrumb__inner>a{position:absolute;top:0;left:0}
.breadcrumb .btn-home{border-right:1px solid #ddd;background-image:url(../images/common/btn_home_black.svg)}
.breadcrumb__list{font-size:0}
.breadcrumb__list>li{display:inline-block;width:20%;border-right:1px solid #ddd}
.breadcrumb__list>li .selector{position:relative}
.breadcrumb__list>li .selector.active .selector__title::before{transform:translateY(-50%) rotate(180deg)}
.breadcrumb__list>li .selector.active .selector__list{display:block}
.breadcrumb__list>li .selector__title{display:inline-block;position:relative;width:100%;padding:0 50px 0 30px;font-size:18px;font-weight:500;line-height:70px;color:#000;text-align:left}
.breadcrumb__list>li .selector__title::before{content:"";display:inline-block;position:absolute;top:50%;right:30px;width:10px;height:7px;background-image:url(../images/common/icon_breadcrumb_black.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%) rotate(0)}
.breadcrumb__list>li .selector__title span{display:inline-block;width:100%;line-height:70px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.breadcrumb__list>li .selector__list{display:none;position:absolute;bottom:auto;top:70px;width:100%;background-color:rgba(255,255,255,.93);border:1px solid #ddd}
.breadcrumb__list>li .selector__list>li{border-bottom:1px solid rgba(255,255,255,.3);color:#333;border-bottom-color:#ddd}
.breadcrumb__list>li .selector__list>li:last-child{border-bottom:none}
.breadcrumb__list>li .selector__list>li>a{display:block;padding:0 30px;font-size:18px;font-weight:500;line-height:70px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#333;transition:.27s ease}
.breadcrumb__list>li .selector__list>li>a:hover{background-color:#333;color:#fff}
.sub-progress{width:100%;z-index:2}
.sub-progress__bg{height:2px;background-color:#ddd}
.sub-progress__bar{display:inline-block;width:0;height:2px;background-color:#0066e0;transition:.14s cubic-bezier(0,0,.13,1.25)}
.content{position:relative;margin-top:100vh;background-color:#fff;z-index:10}
.content--tpd{padding-top:200px}
.content--smalltop{margin:0}
.tbl-wrap{position:relative}
.tbl-wrap--bdgray{border-top:1px solid #ddd}
.tbl-wrap--nobd{border-top:none}
.tbl-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid}
.tbl-head__form{display:flex;height:45px}
.tbl-head.tbl-head__row{display:flex}
.tbl-head__inbox{display:flex;align-items:center}
.tbl-head__inbox ul{font-size:0;margin:0 -5px}
.tbl-head__inbox ul li{display:inline-block;padding:0 5px}
.tbl-head__guide{margin-left:30px}
.tbl-head__selectbox{display:inline-block;width:165px;height:100%;margin-top:auto;padding-right:20px;padding-left:5px;border-bottom:1px solid #999}
.tbl-head__selectbox select{height:100%;outline:0}
.tbl-head__title{font-weight:500;font-size:36px;letter-spacing: 2px;}
.tbl-head__text{display:inline-block;position:relative;padding-left:35px;font-size:18px;font-weight:300;line-height:28px}
.tbl-head__text::before{content:"";display:inline-block;position:absolute;top:2px;left:0;width:25px;height:25px;background-image:url(../images/common/icon_compare.svg);background-position:center;background-size:auto;background-repeat:no-repeat;vertical-align:middle}
.tbl-head__search{position:relative}
.tbl-head__search input{width:385px;height:45px;border:none;border-bottom:1px solid #999;outline:0;border-radius:0;padding:10px 43px 10px 7px}
.tbl-head__search input::placeholder{font-weight:500;font-size:16px;color:#ddd}
.tbl-head__search img{position:absolute;top:50%;right:16px;width:15px;height:15px;transform:translateY(-50%)}
.tbl{width:100%;table-layout:fixed;border-collapse:collapse}
.tbl caption{overflow:hidden;position:absolute;top:-999999px;left:-9999999px;width:0;height:0;font-size:0}
.tbl thead tr{border-bottom:1px solid #ddd}
.tbl thead tr:last-child{border-bottom:none}
.tbl thead tr th{padding:22px 5px;background-color:#eee;font-size:16px;font-weight:500;line-height:1.2;color:#000;vertical-align:middle}
.tbl thead tr.lowpd th{padding:10px 5px;font-size:14px;font-weight:300;color:#333}
.tbl tbody tr{border-bottom:1px solid #ddd}
.tbl tbody tr td{padding:25px 5px;font-size:16px;font-weight:300;line-height:22px;vertical-align:middle;word-break:break-word}
.tbl tbody tr td span{display:block;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tbl tfoot tr td .btn-arrow{margin-left:50px}
.tbl tfoot tr td .btn-arrow:first-child{margin-left:0}
.tbl--media tbody tr{position:relative;transition:.34s ease}
.tbl--media tbody tr::after{content:"";display:inline-block;position:absolute;left:0;bottom:-1px;width:0;height:1px;background-color:#0066e0;transition:.45s ease}
.tbl--media tbody tr:hover{background-color:rgba(0,102,224,.07)}
.tbl--media tbody tr:hover::after{width:100%}
.tbl--type2 thead tr th{padding:22px 10px}
.tbl--type2 tbody tr{border-bottom:1px solid #eee}
.tbl--type2 tbody tr td{padding:22px 10px;font-weight:300}
.tbl--type2 tbody tr td.bold{font-weight:400}
.tbl--type2 tbody tr:last-child{border-bottom:1px solid #ddd}
.tbl--type2 tfoot tr{border-bottom:1px solid #ddd}
.tbl--type2 tfoot tr td{padding:22px 20px}
.tbl--type3 thead tr th{padding:25px 10px;background-color:#f9f9f9;border-bottom:1px solid #eee}
.tbl--type3 tbody tr{border-bottom:1px solid #eee}
.tbl--type3 tbody tr:last-child{border-bottom:1px solid #ddd}
.tbl--type3 tbody tr td{padding:22px 10px;border-right:1px solid #eee;font-weight:300}
.tbl--type3 tbody tr td:last-child{border-right:none}
.tbl--type3 tbody tr td.bd{border-right:1px solid #eee}
.tbl--type3 tbody tr td.bold{font-weight:400}
.tbl--board{text-align:center}
.tbl--board thead tr th{padding:24px 10px;font-size:18px}
.tbl--board tbody tr td{padding:40px 10px}
.tbl--board tbody tr td.tbl__title{padding-left:40px}
.tbl--board tbody tr td.tbl__title a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:30px;font-weight:500;font-size:20px;line-height:30px;text-align:left}
.tbl--board tbody tr td.tbl__date{font-family:Poppins;font-size:14px;line-height:14px}
.tbl--board .btn-download{display:inline-block;width:20px;height:20px;padding:0;background-image:url(../images/common/btn_mob_download.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0}
.tbl--board .btn-download::before{display:none}
.tbl--product thead tr th{background-color:#eee}
.tbl--product tbody tr td.no-data{justify-content:center}
.tbl--product tbody tr td.no-data::before{display:none}
.tablewrap__guide{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(54,54,54,.6);color:#fff;font-size:20px;font-weight:600;z-index:1;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-out;transition-delay:unset}
.tablewrap__guide.hide{opacity:0;visibility:hidden}
.tablewrap__swipe{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center}
.tablewrap__swipe>span{display:block;margin-top:20px}
.tbl-list>li{margin-top:22px}
.tbl-list>li:first-child{margin-top:0}
.title{font-size:36px;font-weight:400;line-height:1.2;}
@keyframes titleAni{0%{transform:translateX(20px) translateZ(0) scaleX(0)}
100%{transform:translateX(0) translateZ(1) scaleX(1);opacity:1}
}
.title--overview{font-weight:500;color:#fff}
.title--overview>p{margin-top:30px;font-size:20px;font-weight:300;line-height:30px}
.title.ani-zoom-out{font-size:40px}
.slogan{position:relative;font-size:40px;font-weight:400;line-height:60px}
.slogan--gov{margin-bottom:120px}
.slogan--gov .btn-square{float:right;width:250px;height:50px}
.slogan--gov .btn-square .btn-square__text{line-height:50px}
.slogan--mbsmall{margin-bottom:30px}
.slogan .btn-wrap{position:absolute;bottom:0;right:0}
.slogan strong{font-weight:700}
.slogan .fw-400{font-weight:300}
.row.origin-container{min-height:150px;padding-bottom:30px;border-bottom:1px solid #ddd}
.dot-title{display:block;position:relative;margin-top:30px;padding-left:20px;font-size:16px;font-weight:400;line-height:22px;color:#000}
.dot-title::before{content:"";display:inline-block;position:absolute;top:5px;left:0;width:10px;height:10px;background-image:url(../images/common/icon_hexa_blue.svg);background-size:auto;background-position:center;background-repeat:no-repeat}
.dot-title--nomb{margin-top:0}
.dot-title--bottom{margin-top:0;margin-bottom:30px}
.nodata-text{display:none;padding:50px 0;border-bottom:1px solid #ddd;font-size:18px;line-height:1.4;text-align:center}
.nodata-text.active{display:block}
.view-wrap{position:relative}
.article{padding:200px 0}
.article--nopd{padding:0}
.article--top{padding:130px 0 0 0}
.article--nobottom{padding:200px 0 0 0}
.article--nobottom .chart-box__content{flex-basis:295px}
.article--shortbottom{padding:200px 0 43px 0}
.article--midbottom{padding:200px 0 120px 0}
.article--midtop{padding:80px 0 120px 0}
.article--shorttop{padding:130px 0 200px 0}
.article--halfpd{padding:100px 0}
.article--smallpd{padding:130px 0 130px 0}
.article--notop{padding:0 0 200px 0}
.article--pdlarge{padding:300px 0 320px 0}
.article--fheight{position:relative;height:100vh;z-index:1}
.article--fheight .row{height:100%}
.article--imagefull>img{width:100%}
.article--bb{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 86px);box-sizing:border-box}
.article.pin-section{min-height:100vh}
.article.box-white{position:relative;background-color:#fff}
.article--bggray{background-color:#f9f9f9}
.article--bggray .network__figure::after{background-color:#f9f9f9}
.article--bgwhite{background-color:#fff}
.article--parallax{overflow:hidden;position:relative;z-index:1}
.article--parallax.fixed-bg .parallax-bg{position:fixed}
.article--parallax.absolute-bottom .parallax-bg{position:absolute;top:auto;bottom:0}
.article--parallax .sub-title>h4{color:#fff}
.article--parallax .dot-title{color:#fff}
.article--rslider{position:relative}
.article--corevalue02{background-image:url(../images/common/bg_core_value_02.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.article--pastpresent .sub-title{color:#fff}
.article--pastpresent .dot-title{color:#fff}
.article--nobpd{padding-bottom:0}
.article--anc{padding:130px 0 300px 0}
.article--revboxbottom{position:relative}
.article--dim{position:relative}
.article--dim::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(0,0,0,.15)}
.article--dim path{stroke-width:3px}
.video-wrap__inner{position:relative;padding-bottom:56.25%}
.video-wrap__inner iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.video-wrap--mb{margin-bottom:100px}
.sub-title{position:relative;max-width:385px;z-index:2}
.sub-title .btn-wrap{position:absolute;right:0;bottom:0}
.sub-title>h4{font-size:46px;font-weight:400;line-height:1}
.sub-title--ko>h4{font-size:36px;line-height:46px}
.sub-title--ko>h4 small{font-size:24px;line-height:24px}
.sub-title>p{display:inline-block;font-size:18px;font-weight:300;line-height:28px}
.sub-title__num{font-size:30px;font-weight:600;line-height:1;vertical-align:middle}
.sub-title--white{color:#fff}
.sub-title--nolimit{max-width:none;width:100%}
.sub-title--nomb{margin-bottom:0}
.sub-title--bottom{font-size:36px;display:inline-block;font-weight:300;vertical-align:baseline}
.btn-contact{display:none;opacity:.8;overflow:visible;position:fixed;bottom:115px;right:50px;width:58px;height:50px;background-image:url(../images/common/btn_contact.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0;filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));z-index:999;will-change:filter}
.btn-contact.bottom{position:absolute}
.btn-contact.hidden{display:none!important}
.top-box{position:relative;z-index:10}
.top-box.hide{display:none}
.scroll-top{display:none;position:fixed;opacity:.8;bottom:50px;right:50px;width:58px;height:50px;background-image:url(../images/common/btn_scrolltop.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0;filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));z-index:999;will-change:filter}
.scroll-top.bottom{position:absolute}
.scroll-top.hidden{display:none!important}
.figure-wrap--bgblack{background-color:#333}
.figure-wrap--mt{margin-top:100px}
.figure-wrap--mt ul{display:flex;margin:0 -57px}
.figure-wrap--mt ul li{position:relative;padding:0 57px}
.figure-wrap--mt ul li:last-child .esg-sqarewrap::before{display:none}
.figure-wrap--mt ul li:last-child .esg-sqarewrap::after{display:none}
.figure-wrap--mt ul li .esg-sqarewrap::before{content:"";position:absolute;display:block;top:50%;right:-114px;transform:translateY(-50%);width:200px;z-index:-1;border:1px dashed #eee}
.figure-wrap--mt ul li .esg-sqarewrap::after{content:"";position:absolute;display:block;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;background-image:url(../images/common/esg_plus_img.png)}
.figure-wrap--mt ul li .esg-sqaretext{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:500;text-align:center}
.figure-wrap--video{position:relative;padding-bottom:56.25%}
.figure-wrap--video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.scroll-tab{overflow-x:auto}
.scroll-tab .tab{min-width:1024px}
.tab{border-bottom:1px solid #ddd}
.tab--product{margin:120px 0 100px 0}
.tab__btn{display:none}
.tab__wrap{max-width:1215px;margin:0 auto}
.tab__list{display:flex}
.tab__list>li{flex:1}
.tab__list>li.active>a{color:#0066e0}
.tab__list>li.active>a::before{width:100%;height:2px}
.tab__list>li:hover>a::before{width:100%}
.tab__list>li>a{display:flex;justify-content:center;align-items:center;position:relative;height:100%;padding-bottom:20px;font-size:18px;font-weight:500;color:#999;text-align:center}
.tab__list>li>a:before{content:"";display:inline-block;position:absolute;bottom:0;left:50%;width:0%;height:3px;background-color:#0066e0;transform:translateX(-50%);transition:.34s ease}
.tab--max800{max-width:800px;width:100%;margin:0 auto}
.tab--max1215{max-width:1215px;width:100%;margin:0 auto}
.box{display:flex;position:relative;color:#000}
.box--hide{position:relative}
.box--hide::before{content:"";display:inline-block;position:absolute;top:-1px;right:0;width:400%;height:calc(100% + 2px);background-color:#fff;z-index:2}
.box--hide.bg--gray::before{background-color:#fff}
.box__left{flex-shrink:0;flex-basis:385px}
.box__left--ofhidden{overflow:hidden}
.box__left.fixed .sub-title{position:fixed;top:140px;width:100%}
.box__left.bottom .sub-title{position:absolute;bottom:0}
.box__left.top-fix .sub-title{position:relative!important;top:auto!important;bottom:auto!important}
.box__left.bg--gray::before{background-color:#f9f9f9}
.box__right{flex-basis:100%}
.box__right>p{font-size:18px;line-height:28px}
.box__wrap{margin-top:120px}
.box__wrap .btn-wrap{margin-top:50px}
.box__wrap .btn-bdb{position:relative;padding-bottom:5px;font-size:14px;font-weight:700;line-height:1;vertical-align:initial}
.box__wrap .btn-bdb::before{content:"";display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000}
.box__wrap--table{margin-top:80px;position:relative}
.box__wrap--table .table-subtop{text-align:right;font-size:14px;font-weight:400;color:#666;margin-bottom:10px}
.box__wrap--table .table-subbotom{text-align:left;font-size:14px;font-weight:400;color:#666;margin-top:10px}
.box__wrap--table td{border-right:1px solid #eee;color:#000}
.box__wrap--table td:last-child{border-right:none}
.box__wrap.mt-mid{margin-top:60px}
.box__wrap:first-child{margin-top:0}
.box__wrap--shorttop{margin-top:60px}
.box__wrap h5{position:relative;margin-bottom:20px;font-size:26px;font-weight:500;line-height:26px}
.box__wrap h5.mb-large{margin-bottom:20px}
.box__wrap h5.mb-middle{margin-bottom:50px}
.box__wrap h5.mb-xl{margin-bottom:100px}
.box__wrap h5 small{font-size:18px;line-height:28px}
.box__wrap h5 .unit{position:absolute;bottom:0;right:0}
.box__wrap h6{font-size:20px;line-height:24px;font-weight:500;margin-bottom:15px}
.box__wrap p{margin-bottom:60px;font-size:18px;font-weight:300;line-height:28px}
.box__wrap p:last-child{margin-bottom:0;}
.box__wrap p.mb-small{margin-bottom:10px}
.box__wrap p.no-mb{margin-bottom:0}
.box__wrap p.mb-xl{margin-bottom:100px}
.box__wrap p.mb-top{margin-bottom:10px}
.box__wrap p>b{font-weight:500}
.box--row{flex-wrap:wrap}
.inquiry{padding:125px 0;background:linear-gradient(108deg,#0066e0 0,#00e596 100%);color:#fff;text-align:center}
.inquiry>h4{font-size:50px;font-weight:500;line-height:50px;letter-spacing: 3px}
.inquiry>p{margin-top:30px;font-size:20px;font-weight:400;line-height:30px}
.inquiry__wrap{margin-top:50px}
.company .sub-title{margin-bottom:340px}
.company__bgtitle{margin-bottom:180px}
.company__bgtitle .sub-title{display:inline-block;width:100%;margin-bottom:0}
.company__bgtitle>p{display:inline-block;font-size:18px;font-weight:300;line-height:28px;color:#fff}
.company__list{display:flex;font-size:0}
.company__list li{display:inline-block;position:relative;flex:1;width:50%}
.company__list li::before{content:"";display:inline-block;position:absolute;top:0;right:0;width:1px;height:100%;background-color:#ddd;opacity:.3}
.company__list li:last-child::before{display:none}
.company__list--corevalue li{width:50%}
.company__list--black{border-bottom:1px solid #ddd}
.company__list--black .company__subject{color:#0066e0;font-weight:400}
.company__list--black .company__top{color:#000}
.company__list--black .company__bottom{font-size:30px;color:#000;line-height:1}
.company__list--black .company__title{margin-top:30px;font-size:30px;font-weight:500;line-height:1}
.company__list--black .company__subtitle{margin-top:20px;font-size:18px;font-weight:300;line-height:28px}
.company__list--black li{position:relative;padding-bottom:80px}
.company__list--black li::before{display:none}
.company__list--black li::after{content:"";display:inline-block;position:absolute;bottom:-1px;left:50%;width:30px;height:1px;background-color:#0066e0;transform:translateX(-50%)}
.company__list--black li .road-box__road{right:-50%;background-color:rgba(0,0,0,0)}
.company__list--black li .road-box__arrow{right:0}
.company__list--nobd li::after{display:none}
.company__list--mt{margin-top:120px}
.company__inbox{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}
.company__blue{font-size:18px;font-weight:400;line-height:1;color:#0066e0}
.company__text{margin-top:60px}
.company__text--mt{margin-top:30px}
.company__subject{font-size:18px;line-height:28px}
.company__top{font-size:26px;font-weight:500;line-height:36px;color:#fff}
.company__mid{font-size:26px;font-weight:500;line-height:1;color:#fff}
.company__bottom{margin-top:20px;font-size:18px;font-weight:500;line-height:28px;color:#fff}
.greeting{display:flex;max-width:1340px;width:100%;margin:0 auto}
.greeting__figure{flex-basis:540px;flex-shrink:0}
.greeting__content{flex-basis:100%;padding-left:100px}
.greeting__title{font-size:26px;font-weight:500;line-height:1}
.greeting__subtitle{margin-top:30px;font-size:20px;font-weight:400;line-height:30px}
.greeting__wrap{margin-top:80px}
.greeting__row{margin-top:60px}
.greeting__row:first-child{margin-top:0}
.greeting__top{font-size:20px;font-weight:500}
.greeting__bottom{margin-top:20px}
.greeting__bottom>p{margin-top:10px}
.greeting__bottom>p:first-child{margin-top:0}
.greeting__footer{margin-top:100px;text-align:right}
.greeting__list{margin-top:30px;font-size:0}
.greeting__list>li{display:inline-block;margin-left:20px}
.greeting__list>li:first-child{margin-left:0}
.signature-wrap__image{flex-basis:140px;flex-shrink:0}
.signature-wrap__image img{width:100%}
.history-tab{padding-top:20px;position:sticky;top:0;left:0;background-color:#fff;z-index:1;margin-bottom:0}
.history{overflow:hidden}
.history__wrap{position:relative;margin-bottom: 60px;overflow: hidden}
.history__wrap:first-child{margin-top:0}
.history__left{position:absolute;width:45vw;/*height:100vh;*/display:flex;padding-left:125px;flex-direction:column;flex-wrap:nowrap;justify-content:center}
.history__figure{width:100%;min-height:25vw;display:block!important}
.history__figure img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.2s ease}
.history__right{display:inline-block;width:50vw;margin-left:50vw;padding-top:50px;padding-left:8vw;padding-right:8vw}
.history__top{display:flex;flex-direction:column;justify-content:center;align-items:center;height:33.5vw;text-align:left}
.history__title{margin-bottom:30px;font-size:30px;font-weight:700;color:#333}
.history__subtitle{font-size:30px;font-weight:700;color:#333}
.history__text{min-height:28px;margin-top:30px;font-size:18px;font-weight:300;line-height:28px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.history__list{padding-bottom:10vh}
.history__row{display:block;padding:50px 0;border-bottom:1px solid #ddd}
.history__row:last-child{border-bottom:none}
.history__row.hidden{display:none}
.history__inbox{position:relative}
.history__year{position:absolute;top:0;left:0;font-size:26px;font-weight:700;line-height:1}
.history__month{padding-left:115px}
.history__month>ul>li{position:relative;margin-top:30px}
.history__month>ul>li:first-child{margin-top:0}
.history__month>ul>li>b{position:absolute;top:0;left:0;font-size:18px;font-weight:500;line-height:1;font-family:MalgunGothic;font-weight:700;color:#333}
.history__month>ul>li>ul{padding-left:40px;overflow:auto}
.history__month>ul>li>ul>li{margin-top:20px;font-size:16px;font-weight:300;line-height:22px;color:#333}
.history__month>ul>li>ul>li.snap{font-weight:500;cursor:pointer}
.history__month>ul>li>ul>li.snap:hover{color:#0066e0}
.history__month>ul>li>ul>li:first-child{margin-top:0}
.logolist>ul{display:flex;gap:50px;flex-wrap:wrap}
.logolist>ul>li{width:calc(50% - 25px);border:1px solid #eee}
.logolist--bggray>ul>li{background-color:#f9f9f9}
.logolist__wrap{position:relative}
.logolist__inbox{display:flex;justify-content:center;align-items:center;min-height:335px}
.logolist__name{display:inline-block;position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}
.logolist>p{margin-top:30px}
.logolist__down{display:flex;justify-content:space-between;align-items:center;margin-top:100px;padding-bottom:25px;border-bottom:1px solid #ddd}
.logolist__down>ul{display:inline-flex;gap:50px}
.color-list__title{margin-bottom:50px;font-size:26px;font-weight:500;line-height:1}
.color-list__row{margin-top:50px}
.color-list__row:first-child{margin:0}
.color-list ul{font-size:0;margin:0 -25px}
.color-list ul>li{display:inline-block;width:33.3333%;padding:0 25px}
.color-list__wrap{display:flex;padding-bottom:35px;border-bottom:1px solid #ddd}
.color-list__content{padding-left:30px}
.color-list__name{font-size:18px;font-weight:500;line-height:1}
.color-list__text{margin-top:20px;font-size:14px;line-height:1}
.color-list__text>span{display:block;margin:10px 0 0}
.color-list__text>span:first-child{margin:0}
.road-box{margin-top:120px}
.road-box__list{font-size:0;margin:0 -44px}
.road-box__list>li{display:inline-block;width:33.3333%;vertical-align:top;padding:0 44px}
.road-box__figure{position:relative}
.road-box__figure img{position:relative}
.road-box__road{display:inline-block;position:absolute;top:50%;right:calc(-50% - 44px);width:100%;height:30px;transform:translateY(-50%)}
.road-box__arrow{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.road-box__arrow>span{display:inline-block;width:10px;height:10px;background-image:url(../images/common/icon_roadbox_arrow.svg);background-size:auto;background-position:center;background-repeat:no-repeat}
.road-box__arrow>span:first-child{animation:roadAni 1.5s infinite}
.road-box__arrow>span:nth-child(2){animation:roadAni 1.5s infinite;animation-delay:.5s}
.road-box__arrow>span:nth-child(3){animation:roadAni 1.5s infinite;animation-delay:1s}
@keyframes roadAni{0%{opacity:25%}
25%{opacity:75%}
50%{opaicty:100%}
75%{opaicty:75%}
100%{opacity:25%}
}
.road-box__content{margin-top:50px}
.road-box__title{font-size:26px;font-weight:500;line-height:1}
.road-box__text{margin-top:20px;font-size:18px;line-height:24px}
.bizarea{position:relative;z-index:0}
.bizarea__item.active .bizarea__bg{opacity:1}
.bizarea__wrap{background-color:#333;background-image:url(../images/common/bg_area01.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat}
.bizarea__wrap--ship .bizarea__bg{background-image:url(../images/common/bg_area05.jpg)}
.bizarea__wrap--arch .bizarea__bg{background-image:url(../images/common/bg_area06.jpg)}
.bizarea__wrap--sports .bizarea__bg{background-image:url(../images/common/bg_area08.jpg)}
.bizarea__wrap--train .bizarea__bg{background-image:url(../images/common/bg_area03.jpg)}
.bizarea__wrap--car .bizarea__bg{background-image:url(../images/common/bg_area04.jpg)}
.bizarea__wrap--space .bizarea__bg{background-image:url(../images/common/bg_area01.jpg)}
.bizarea__wrap--industry .bizarea__bg{background-image:url(../images/common/bg_area02.jpg)}
.bizarea__wrap--energy .bizarea__bg{background-image:url(../images/common/bg_area07.jpg)}
.bizarea__bg{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;transition:.6s ease;background-position:center;background-size:cover;background-repeat:no-repeat}
.bizarea__inview{display:flex;align-items:center;position:relative;top:0;left:0;width:100vw;height:100vh;padding:50px 295px;z-index:1}
.bizarea__content{width:100%;font-size:0}
.bizarea__content--left{text-align:left}
.bizarea__content--right{text-align:right}
.bizarea__text{display:inline-block;width:50%;color:#fff;text-align:left}
.bizarea__top{font-size:36px;font-weight:500;line-height:1}
.bizarea__middle{margin-top:20px;font-size:18px;line-height:28px}
.bizarea__bottom{margin-top:50px}
.network__top{margin-bottom:130px}
.network__figure{width:1000px;margin:0 auto}
.network__figure::after{content:"";display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transition:height 1.2s cubic-bezier(.65,0,.35,1)}
.network__figure.active::after{height:0}
.network__figure img{width:100%}
.network__bottom .box__left .sub-title .btn-wrap{position:relative;left:auto;bottom:auto;margin-top:20px}
.network__bottom .box__right .box__wrap h5{margin-bottom:30px;line-height:36px}
.network__bottom .box__right .box__wrap p{margin-bottom:80px}
.tab-content{height:0;overflow:hidden;visibility:hidden}
.tab-content.active{height:auto;overflow:visible;visibility:visible}
.map .tab{margin-bottom:70px}
.map__inbox{margin-top:50px;font-size:0;padding:30px 0;border-bottom:1px solid #ddd}
.map__item{display:inline-block;width:25%;padding:0 5px;font-size:18px;font-weight:300;line-height:1}
.map__item:first-child{padding-left:0}
.map__title{float:left;font-size:18px;font-weight:500}
.map__content{overflow:hidden;margin-top:2px}
.map__address{display:flex;margin-top:60px;padding-bottom:50px;border-bottom:1px solid #ddd}
.map__left{display:flex;width:50%}
.map__right{display:flex;width:50%}
.map__col{flex-basis:50%;flex-shrink:0}
.map__col::after{content:"";display:block;clear:both}
.map__col--40{flex-basis:0%}
.map__col--60{flex-basis:100%}
.marker-tag{color:#0066e0;font-weight:700}
.map-pointer{background-color:#0066e0;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:10px 15px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:-65px;color:#fff;white-space:nowrap;border-radius:30px}
.marker-tag--lab{color:#fff;background-color:#0066e0;border-radius:30px;padding:10px 18px 10px 18px;margin-left:9px;z-index:-1}
.world-map{height:100%;position:relative}
.world-map__box{position:absolute;bottom:-120px;left:50%;max-width:1360px;width:100%;padding:0 15px;transform:translateX(-50%)}
.world-map__bg{position:relative;height:100%}
.world-map__layer{position:relative}
.world-map__image{width:100%;transition:.34s ease}
.world-map__image.active{opacity:1;visibility:visible}
.world-map__image__default{display:block}
.world-map__num>ul{display:flex;justify-content:space-between;gap:100px;max-width:780px;width:100%;margin:0 auto;font-size:0}
.world-map__num>ul>li{padding:0 30px}
.world-map__inner{text-align:center}
.world-map__inner--blue:hover .world-map__color g path{fill:#0066e0}
.world-map__inner--green:hover .world-map__color g path{fill:#00bd74}
.world-map__inner--orange:hover .world-map__color g path{fill:#ff8541}
.world-map__inner--purple:hover .world-map__color g path{fill:#aa40eb}
.world-map__count{font-size:60px;font-weight:600;line-height:1}
.world-map__subject{margin-top:10px;font-size:20px;font-weight:500;line-height:1}
.world-map__color{margin-top:10px}
.world-map__color img{display:inline-block}
.world-map__top{padding-bottom:50px;border-bottom:1px solid #000}
.world-map__list{display:flex;justify-content:space-between;font-size:0;padding-top:80px}
.world-map__list>li{display:inline-block;vertical-align:top}
.world-map__name{margin-top:15px;font-size:18px;font-weight:500;line-height:1}
.world-map__point{margin-top:15px}
.world-map__point>ul>li{position:relative;padding-left:11px;font-size:12px;font-weight:400;color:#333}
.world-map__point>ul>li::before{content:"";display:inline-block;position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%}
.world-map__point>ul>li.world-map__point--orange::before{background-color:#ff7051}
.world-map__point>ul>li.world-map__point--green::before{background-color:#00aa70}
.world-map__point>ul>li.world-map__point--purple::before{background-color:#b44ed8}
.world-map__point>ul>li.world-map__point--blue::before{background-color:#2287ff}
.world-map__marker{position:absolute;top:0;left:0;width:100%;height:100%}
.map-marker{display:inline-block;position:absolute;top:50%;left:50%;font-size:0;transform:translate(-50%,-50%)}
.map-marker--uk{margin:-13% 0 0 -45.8%}
.map-marker--sk{margin:-11% 0 0 -40%}
.map-marker--vn{margin:1.3% 0 0 -18.1%}
.map-marker--cn{margin: -4.2% 0 0 -16.1%;}
.map-marker--jp{margin: -5.2% 0 0 -8.9%;}
.map-marker--kr{margin:-5% 0 0 -11.6%}
.map-marker--us{margin:-6% 0 0 24.4%}
.map-marker--canada{margin: -14% 0 0 22.4%;}
.map-marker--brazil{margin:10% 0 0 38.4%;}
.map-marker--russian{margin: -16% 0 0 -15.4%;}
.map-marker--egypt{margin: -3% 0 0 -35.4%;}
.map-marker.active{animation:bounce 1s infinite}
.map-marker--blue.blue path{fill:#0066e0}
.map-marker--green.green path{fill:#00bd74}
.map-marker--orange.orange path{fill:#ff8541}
.map-marker--purple.purple path{fill:#aa40eb}
#map iframe{border: 0}
@keyframes bounce{
    0%{top:calc(50% - 10px);animation-timing-function:ease-out}
    50%{top:calc(50% - 30px);animation-timing-function:ease-in}
    100%{top:calc(50% - 10px);animation-timing-function:ease-out}
}
.fullbox{max-width:1920px;margin:0 auto}
.fullbox img{width:100%}
.fullbox__content{display:flex}
.fullbox__content>div{width:50%}
.fullbox__content--tal .fullbox__wrap{justify-content:flex-start;padding:0 120px 0 0}
.fullbox__textwrap{display:flex;justify-content:center;align-items:center}
.fullbox__wrap{padding:0 0 0 120px}
.fullbox__top{margin-bottom:40px}
.fullbox__small{margin-bottom:20px;color:#0066e0;font-size:16px;font-weight:500}
.fullbox__title{font-size:30px;font-weight:700}
.fullbox__subtitle{margin-bottom:20px;font-size:20px;font-weight:500}
.fullbox__text p{margin-bottom:10px;font-size:16px;font-weight:300;word-break:break-all}
.fullbox__text p:last-child{margin-bottom:0}
.fullbox__smalltext{display:block;margin-top:50px}
.fullbox__smalltext b{display:inline-block;margin-left:10px}
.fullbox--greeting .fullbox__title{position:relative;font-size:36px;line-height:46px}
.fullbox--greeting .fullbox__title .fullbox__titlebg{display:inline-block;white-space:nowrap;position:absolute;font-size:160px;font-weight:700;line-height:1;color:#f2f7fd;z-index:-1}
.fullbox--greeting .fullbox__subtitle{margin-top:30px;margin-bottom:60px}
.fullbox--greeting .fullbox__content{align-items:flex-end;margin-top:250px}
.fullbox--greeting .fullbox__content .fullbox__right{padding-bottom:50px}
.fullbox--greeting .fullbox__content:first-child{margin-top:0}
.fullbox--greeting .fullbox__content--01 .fullbox__titlebg{top:-195px;right:-110px;font-family:spoqa}
.fullbox--greeting .fullbox__content--02 .fullbox__titlebg{top:-440px;left:-110px;font-weight:500}
.fullbox--greeting .fullbox__content--03 .fullbox__titlebg{top:-380px;right:-110px;font-weight:500}
.fullbox--greeting .fullbox__wrap{padding:0 0 0 120px}
.fullbox--greeting .fullbox__reversecontent .fullbox__wrap{padding:0 120px 0 0}
.fullbox--greeting .fullbox__reversecontent .fullbox__left{padding-bottom:50px}
.fullbox--greeting .fullbox__reversecontent .fullbox__right{padding-bottom:0}
.fullbox--greeting .fullbox__left{padding-right:120px}
.fullbox--greeting .fullbox__content>div{position:relative}
.parabox{display:flex;flex-direction:column;justify-content:space-between;height:100%;color:#000;position:relative;color:#fff}
.parabox__bottom{padding-top:50px;border-top:1px solid rgba(255,255,255,.3)}
.parabox__subtitle{font-size:20px;font-weight:400;line-height:30px}
.parabox__list{display:flex;gap:50px}
.parabox__list li{flex:1;font-size:16px;font-weight:300;line-height:26px}
.parabox__list li b{font-weight:500}
.parabox--ac{justify-content:center;align-items:center;position:relative;color:#000}
.parabox--ac .parabox__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.parabox--ac.on{color:#fff}
.parabox--ac .parabox__list{margin-top:200px}
.parabox--ac .parabox__bigger{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:url(../images/common/img_lab_magok01_1.jpg) no-repeat;background-size:cover;background-position:center}
.parabox--ac .parabox__bigger::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%}
.parabox--ac .parabox__wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0);flex-shrink:0;color:#000;opacity:1;z-index:101;text-align:center;transition:.74s ease}
.parabox--ac .parabox__wrap.active{color:#fff}
.parabox--ac .parabox__after{position:absolute;top:50%;left:50%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-top:20px;transform:translate(-50%,-50%);z-index:102;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.parabox--ac .parabox__bg.on .parabox__bigger{width:100vw;height:100vh}
.parabox__top{font-size:36px;font-weight:500;line-height:1}
.parabox__midtext{margin-top:30px}
.freelayout__row{display:flex;justify-content:space-between;flex-wrap:nowrap;margin-top:9%}
.freelayout__row:first-child{margin-top:0}
.freelayout__row--at{align-items:flex-start}
.freelayout__row--ab{align-items:flex-end}
.freelayout__box--01{padding-bottom:6%;padding-right:6%}
.freelayout__box--02{padding-left:6%}
.freelayout__box--03{padding-right:6%}
.freelayout__box--04{padding-top:8%;padding-left:6%}
.freelayout__bottom{margin-top:30px;font-size:26px;font-weight:500;line-height:1}
.floor{display:flex}
.floor__view{height:100%}
.floor__left{flex-basis:50%;flex-shrink:0}
.floor__inbox{height:100%;padding:120px 0 120px 160px}
.floor__title{font-size:26px;font-weight:500;line-height:1}
.floor__list{margin-top:80px}
.floor__list>li{padding:50px 35px 50px 0;border-bottom:1px solid #ddd;cursor:pointer}
.floor__list>li:first-child{padding-top:0}
.floor__list>li.active{border-bottom:1px solid #000}
.floor__list>li.active .floor__number{color:#000}
.floor__number{font-size:18px;font-weight:500;line-height:1;color:#999}
.floor__text{display:none;margin-top:10px}
.floor__right{flex-basis:50%;flex-shrink:0;max-width:50%}
.floor__figure{height:100%;min-height:1480px}
.floor__figure--pc{display:block}
.floor__figure--mo{display:none}
.floor__mobiletext{display:none}
.floor .swiper-pagination{display:none;z-index:3}
.floor--equip{max-width:1330px;margin:0 auto}
.floor--equip .floor__title{font-size:36px}
.floor--equip .floor__inbox{display:flex;flex-direction:column;justify-content:center;padding:0}
.floor--equip .floor__left{flex-basis:52%}
.floor--equip .floor__right{flex-basis:48%;padding-left:100px;max-width:48%}
.floor--equip .floor__figure{min-height:680px}
.floor--equip .floor__list{max-height:500px;height:100%;padding-right:40px;overflow-y:auto}
.floor--equip .floor__list::-webkit-scrollbar{width:4px}
.floor--equip .floor__list::-webkit-scrollbar-thumb{height:30%;background:#333}
.floor--equip .floor__list::-webkit-scrollbar-track{background:#999}
.floor--equip .floor__list>li{padding:30px 0}
.floor--equip .floor__number{font-size:26px;font-weight:500;line-height:36px}
.floor--equip .floor__text{margin-top:20px}
.revbox__row{display:flex;align-items:center;margin-top:60px}
.revbox__row:first-child{margin-top:0}
.revbox__row--al .revbox__content{padding-right:100px}
.revbox__row--ar .revbox__content{padding-left:100px}
.revbox__row:hover .revbox__figure img{transform:scale(1.08)}
.revbox__content{flex:1;flex-basis:50%}
.revbox__title{font-size:36px;font-weight:700;line-height:46px}
.revbox__text{margin-top:50px}
.revbox__text>p{margin-top:10px}
.revbox__text>p:first-child{margin-top:0}
.revbox__figure{overflow:hidden;flex:1;flex-basis:50%}
.revbox__figure img{width:100%;transition:.63s ease}
.revbox--mt{margin-top:100vh}
.revbox--nomargin .category{font-size:14px}
.revbox__inbox{position:absolute;text-align:center;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}
.revbox__inbox .btn-wave__wrap{width:272px}
.revbox__toptext{color:#fff;font-size:50px;font-weight:700}
.revbox__bottombtn{margin-top:50px}
.title-div{display:flex;align-items:flex-start;gap:200px}
.title-div .slogan{flex-basis:545px;flex-shrink:0}
.title-div__text>p{margin-top:10px}
.title-div__text>p:first-child{margin:0}
.title-div--mb{margin-bottom:100px}
.tri-hexa{max-width:1200px;width:100%;margin:0 auto;margin-top:200px}
.tri-hexa__list{font-size:0}
.tri-hexa__item{display:inline-block;position:relative;width:33.3333%}
.tri-hexa__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.tri-hexa__small{font-size:18px;font-weight:300;line-height:1}
.tri-hexa__title{margin-top:30px;font-size:30px;font-weight:700;line-height:1}
.floating-box__title{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%;height:100vh;transition:color 1s ease;text-align:center}
.floating-box__title.on{color:#fff}
.floating-box__wrap{text-align:center;z-index:1}
.floating-box__wrap>p{margin-top:50px;font-size:18px;line-height:28px}
.floating-box__top{font-size:36px;font-weight:700;line-height:1}
.floating-box__bg{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:0}
.floating-box__bg.on .floating-box__bigger{width:100vw;height:100vh}
.floating-box__bigger{position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin:0 auto;width:69.3vw;height:217px;transition:width .7s ease,height .7s ease,border-radius .7s ease;overflow:hidden;background-image:url(../images/common/bg_floating.jpg);background-position:center 6%;background-size:cover;background-repeat:no-repeat;transform-origin:center bottom}
.floating-box__list{margin-top:60vh;padding-bottom:200px;color:#fff;position:relative;z-index:1}
.floating-box__inner{max-width:1370px;width:100%;margin:0 auto;padding:0 20px}
.floating-box__item{margin-top:45px}
.floating-box__item--left{text-align:left}
.floating-box__item--right{text-align:right}
.floating-box__item:first-child{margin-top:0}
.floating-box__inbox{display:inline-block;max-width:565px;width:100%}
.floating-box__figure{width:100%;overflow:hidden}
.floating-box__figure img{width:100%}
.floating-box__text{margin-top:50px;text-align:left;color:#fff}
.floating-box__subject{font-size:26px;font-weight:500;line-height:1.2}
.floating-box__content{margin-top:20px}
.promotion .tab{margin-bottom:80px}
.promotion__wrap{margin-top:80px}
.promotion__wrap ul{margin:0 -25px;font-size:0}
.promotion__wrap--nomt{margin-top:0}
.promotion__item{display:inline-block;flex-direction:column;width:33.3333%;margin-top:80px;padding:0 25px}
.promotion__item .btn-wrap{margin-top:40px}
.promotion__container{margin-bottom:20px}
.promotion__tag{display:inline-block;font-size:14px;line-height:1;color:#fff;padding:6px 10px;background-color:#0066e0}
.promotion__figure{display:block;overflow:hidden}
.promotion__figure img{transition:.43s ease}
.promotion__figure:hover img{transform:scale(1.08)}
.promotion__content{margin-top:50px}
.promotion__date{display:block;margin-bottom:40px;font-size:16px;font-weight:300;font-family:Poppins;font-style:normal;line-height:1}
.promotion__title{display:-webkit-box;overflow:hidden;width:100%;font-size:22px;font-weight:500;word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.promotion__title span{display:block;height:75px}
.promotion__icon{position:absolute;top:8px;right:8px}
.promotion__detail{margin-top:10px;font-size:16px;font-weight:400;line-height:22px}
.promotion--data .tbl-head--border{display:flex;flex-direction:column;align-items:start;border-bottom:none}
.promotion--data .tbl-head--border ul{display:flex;align-items:center;width:100%;margin-top:120px;text-align:center}
.promotion--data .tbl-head--border ul li{flex-grow:1;padding-bottom:20px;border-bottom:1px solid #ddd;font-size:18px;font-weight:500;color:#999;cursor:pointer}
.promotion--data .tbl-head--border ul li.active{border-bottom:3px solid #2287ff;color:#2287ff}
.promotion--data__wrap ul{padding-bottom:80px;border-bottom:1px solid #eee}
.promotion--brochure .tbl-head--border{border-bottom:none}
.promotion--brochure .promotion__wrap>ul{margin:0 -50px;font-size:0;display:flex;flex-wrap:wrap;align-items:stretch}
.promotion--brochure .promotion__item{width:50%;margin-top:80px;padding:0 50px}
.promotion--brochure .promotion__item:nth-child(-n+3){margin-top:80px}
.promotion--brochure .promotion__item:nth-child(-n+2){margin-top:0}
.promotion--brochure .promotion__inbox{display:flex;align-items:flex-end;height:100%;padding-bottom:50px;border-bottom:1px solid #ddd}
.promotion--brochure .promotion__figure{flex-shrink:0;flex-basis:250px;border:1px solid #ddd}
.promotion--brochure .promotion__content{flex-basis:100%;margin-top:0;padding-left:50px}
.promotion--brochure .promotion__content h2{margin-bottom:40px;font-size:26px}
.promotion--brochure__download a{margin-right:40px}
.promotion--brochure .btn-wrap{margin-top:40px}
.promotion .tbl-head--nobd{border:none;padding-bottom:0}
.promotion__text{margin-top:20px;font-size:18px;line-height:28px}
.promotion__subtext{margin-top:20px;font-size:16px;font-weight:300;line-height:1}
.promotion__figure img{width:100%}
.promotion__item:nth-child(-n+3){margin-top:0}
.promotion--twocol .promotion__item{width:50%}
.promotion--twocol .promotion__item:nth-child(-n+3){margin-top:80px}
.promotion--twocol .promotion__item:nth-child(-n+2){margin-top:0}
.promotion--twocol .promotion__title{overflow:visible;text-overflow:inherit}
.promotion--fourcol .promotion__item{width:50%}
.promotion--fourcol .promotion__item:nth-child(-n+3){margin-top:80px}
.promotion--fourcol .promotion__item:nth-child(-n+2){margin-top:80px}
.promotion--fourcol .promotion__item:nth-child(-n+4){margin-top:0}
.promotion--fourcol .promotion__wrap ul{margin:0 -50px}
.promotion--fourcol .promotion__inbox:hover .promotion__figure::before{opacity:1;visibility:visible}
.promotion--fourcol .promotion__inbox:hover .promotion__figure::after{opacity:1;visibility:visible}
.promotion--fourcol .promotion__figure{position:relative;border:1px solid #eee}
.promotion--fourcol .promotion__figure::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);visibility:hidden;opacity:0;transition:.23s ease;z-index:1}
.promotion--fourcol .promotion__figure::after{content:"";display:inline-block;position:absolute;top:50%;left:50%;width:60px;height:60px;background-color:#fff;background-image:url(../images/common/icon_patent_plus.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translate(-50%,-50%);overflow:hidden;opacity:0;transition:.23s ease;z-index:2}
.promotion--fourcol .promotion__item{width:25%;padding:0 50px}
.promotion--fourcol .promotion__content{margin-top:30px}
.promotion--fourcol .promotion__title{margin-top:0}
.promotion--small .promotion__wrap>ul{margin:0 -25px}
.promotion--small .promotion__item{padding:0 25px}
.promotion--small .promotion__title{font-size:20px;line-height:1}
.promotion>.btn-wrap{margin-top:120px}
.icon-square{display:inline-block;font-size:12px;font-weight:400;line-height:1}
.icon-square--blue{background-color:#0066e0;color:#fff;padding:6px 10px}
.image-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;transition:.23s ease;z-index:99999}
.image-layer.active{display:block}
.image-layer__dim{width:100%;height:100%;padding:0 20px;background-color:rgba(0,0,0,.3)}
.image-layer__inner{padding:0 20px}
.image-layer__inner img{width:100%}
.image-layer__content{position:absolute;top:50%;left:50%;max-width:520px;width:100%;transform:translate(-50%,-50%)}
.image-layer__head{position:absolute;top:30px;right:50px}
.image-layer__close{display:inline-block;width:30px;height:30px;background-image:url(../images/common/close_icon.svg);font-size:0}
.ind-overview{font-size:0}
.ind-overview__list{display:flex;min-height:calc(100vh - 86px)}
.ind-overview__list>li{display:inline-flex;justify-content:center;align-items:center;position:relative;flex-shrink:1;flex-basis:50%;transition:.43s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat}
.ind-overview__list>li::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5;transition:.63s ease}
.ind-overview__list>li.active{flex-shrink:0;flex-basis:60%}
.ind-overview__list>li.active::before{opacity:0}
.ind-overview__list>li.active .ind-overview__subject{opacity:0;visibility:hidden}
.ind-overview__list>li.active .ind-overview__wrap{justify-content:space-between;opacity:1;visibility:visible}
.ind-overview__subject{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;font-size:50px;font-weight:500;line-height:1;color:#fff;transition:.3s ease;transition-delay:.2s;opacity:.4}
.ind-overview__wrap{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;flex-shrink:1;flex-basis:680px;height:100%;padding:220px 20px 150px 20px;opacity:0;visibility:hidden;transition:opacity .53s ease;transition-delay:.43s;z-index:1}
.ind-overview__content ul li{position:relative;border-bottom:1px solid rgba(255,255,255,.4)}
.ind-overview__content ul li .toggle-box{opacity:.4}
.ind-overview__content ul li:hover .toggle-box{opacity:1}
.ind-overview__content ul li:hover::before{width:100%}
.ind-overview__content ul li::before{content:"";display:inline-block;position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#fff;transition:.53s ease}
.ind-overview__content ul li:last-child{border-bottom:0}
.ind-overview__content ul li:last-child:hover::before{width:0}
.ind-overview__content ul li:last-child::before{height: 0}
.toggle-box{display:flex;align-items:center;padding:35px 0}
.toggle-box__img{flex-shrink:0;flex-basis:50px;text-align:center}
.toggle-box__img img{fill:rgba(255,255,255,.3)}
.toggle-box__content{padding-left:40px}
.toggle-box__link{display:inline-block;position:relative;padding-right:30px;font-size:20px;font-weight:500;line-height:20px;color:#fff}
.toggle-box__link::before{transition:right .17s ease}
.toggle-box:hover .toggle-box__link::before{right:5px}
.toggle-box__link.link__more::before{content:"";display:inline-block;position:absolute;top:0;right:0;width:15px;height:12px;margin-top:6px;background-image:url(../images/common/btn_overview_arrow.svg);background-size:auto;background-position:center;background-repeat:no-repeat;transition:right .17s ease}
.toggle-box:hover .toggle-box__link.link__more::before{right:5px}
.ancbox{position:relative;margin-top:115px}
.ancbox--auto{display:none}
.ancbox__dot{display:inline-block;position:absolute;width:30px;height:30px;background-image:url(../images/common/icon_summary_dot.svg);background-size:auto;background-position:center;background-repeat:no-repeat;transition:.3s ease;cursor:pointer}
.ancbox__dot.active{background-image:url(../images/common/icon_summary_dot_on.svg)}
.ancbox__inbox{opacity:0;visibility:hidden;position:absolute;width:100%;max-width:320px;background-color:#fff;transition:.3s ease}
.ancbox__inbox.active{opacity:1;visibility:visible}
.ancbox--auto .ancbox__dot-01{top:39%;left:38%}
.ancbox--auto .ancbox__dot-02{bottom:10%;left:53%}
.ancbox--auto .ancbox__inbox-01{top:11%;left:3%}
.ancbox--auto .ancbox__inbox-02{bottom:20%;left:40%}
.ancbox__text>strong{display:block;font-size:20px;font-weight:500;line-height:1}
.ancbox__text>p{margin-top:15px;font-weight:300;line-height:22px}
.ancbox__inner{padding:30px}
.ancbox__bottom{margin-top:30px}
.ancbox__bottom strong{display:block;margin-bottom:15px;font-size:20px;font-weight:500;line-height:20px}
.ancbox__bottom span{display:block;margin-bottom:0;line-height:22px}
.wide-box{display:flex;height:100%;padding:110px 0;justify-content:flex-end;align-items:flex-end}
.wide-box__bottom ul{display:inline-block}
.wide-box__bottom ul li{display:inline-block;color:#fff;min-width:265px;padding:10px 0;text-align:center;border-right:1px solid rgba(255,255,255,.3)}
.wide-box__bottom ul li:first-child{padding-right:50px}
.wide-box__bottom ul li:last-child{padding-left:50px;border-right:none}
.wide-box__bottom ul li p{font-size:18px;font-weight:400;line-height:1}
.wide-box__bottom ul li strong{display:block;margin-top:30px;font-size:30px;font-weight:500;line-height:1}
.list>li{display:flex;justify-content:center;align-items:flex-end;margin-bottom:98px}
.list>li:last-child{margin-bottom:0}
.list__figure img{width:100%}
.list__number{margin-bottom:40px;font-size:26px;font-weight:500;line-height:1;color:#0066e0}
.list__title{font-size:26px;font-weight:500;line-height:36px}
.list__contents{flex-shrink:0;flex-basis:560px;padding-left:60px}
.list__contents p{margin-top:20px;font-size:18px;font-weight:300;line-height:28px}
.list__contents .dot-list{margin-top:20px}
.list__contents .dot-list li span{display:block;margin-top:10px}
.list__contents .dot-list li span:first-child{margin-top:0}
.list__inbox{margin-top:20px}
.list--ac>li{align-items:center}
.list--ac>li .list__contents p{font-size:16px;line-height:22px}
.list--shorten>li .list__contents p{word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.list--at{padding-left:175px}
.list--at>li{align-items:flex-start}
.list--at>li .list__figure{flex-basis:520px;flex-shrink:0}
.list--at>li .list__contents{flex-shrink:1;flex-basis:100%}
.list--at>li .list__contents p{margin:10px 0 0;font-size:16px;line-height:26px}
.list--at>li .list__contents p:first-child{margin:0}
.list--at>li .list__contents strong{display:block;margin-top:30px;font-size:14px;font-weight:500;line-height:20px}
.list--story>li{margin:0;padding:120px 0;border-bottom:1px solid #ddd}
.list--story>li a{display:flex;width:100%;justify-content:center;align-items:center}
.list--story>li:first-child{padding-top:0}
.list--story>li .list__figure{flex-basis:790px;flex-shrink:0;overflow:hidden}
.list--story>li .list__figure img{transition:.43s ease}
.list--story>li .list__figure:hover img{transform:scale(1.08)}
.list--story>li .list__contents{flex-basis:100%;flex-shrink:1}
.list--story>li .list__contents>p{font-size:18px;line-height:28px}
.list--story .list__tag{margin-top:35px}
.list--story .list__tag>ul{font-size:0}
.list--story .list__tag>ul>li{display:inline-block;position:relative;padding:10px 15px 10px 0;margin-right:15px;font-size:14px;font-weight:400;line-height:1;color:#999}
.list--story .list__tag>ul>li:first-child{padding-left:0}
.list--story .list__tag>ul>li:last-child{padding-right:0}
.list--story .list__tag>ul>li:last-child::before{display:none}
.list--story .list__tag>ul>li::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:1px;height:10px;background-color:#eee;transform:translateY(-50%)}
.list--story .btn-wrap{margin-top:80px}
.half-layout__list{font-size:0;margin:0 -10px}
.half-layout__list>li{display:inline-block;width:50%;margin-top:20px;padding:0 10px}
.half-layout__list>li:nth-child(-n+2){margin-top:0}
.half-layout__box{display:flex;align-content:center;padding:30px;border:1px solid #ddd;transition:.34s ease}
.half-layout__box:hover{border:1px solid #0066e0}
.half-layout__box:hover .half-layout__wrap>span{color:#0066e0}
.half-layout__box:hover .half-layout__wrap>span::before{background-image:url(../images/common/btn_arrow_black_on.svg)}
.half-layout__box:hover .half-layout__name{color:#0066e0}
.half-layout__link{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:center;padding-left:50px}
.half-layout__name{font-size:22px;font-weight:500;line-height:26px;transition:.34s ease}
.half-layout__wrap{margin-top:30px}
.half-layout__wrap>span{display:inline-block;position:relative;padding-right:20px;font-size:16px;font-weight:500;line-height:22px;transition:.34s ease}
.half-layout__wrap>span::before{content:"";display:inline-block;position:absolute;top:0;right:0;width:15px;height:16px;margin-top:2px;background-image:url(../images/common/btn_arrow_black.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transition:.34s ease}
.view-toggle{position:absolute;bottom:0;right:0}
.view-toggle__list{display:inline-block;font-size:0;white-space:nowrap}
.view-toggle__list>li{display:inline-block;padding:0 5px}
.view-toggle__list>li:first-child{padding-left:0}
.view-toggle__list>li:last-child{padding-right:0}
.product>ul>li{margin-top:200px}
.product>ul>li:first-child{margin-top:0}
.product__wrap{position:relative}
.product__info{display:none;position:absolute;top:50%;left:50%;max-width:400px;width:100%;padding:30px;background-color:#f9f9f9;transform:translate(-50%,-50%)}
.product__info.active{display:block}
.product__name{margin-bottom:15px;font-size:16px;font-weight:500;line-height:22px}
.product__description{font-size:14px;font-weight:300;line-height:22px;max-height:100px;overflow-y:auto}
.product__image{position:relative;max-height:480px;background-color:#333;overflow:hidden}
.product__image.aos-init::before{position:absolute;top:0;right:0;content:"";width:100%;height:100%;background:#fff;transition:width .83s ease-out}
.product__image.aos-animate::before{width:0%}
.product__contents{display:flex;padding-top:80px}
.product__box{flex-shrink:0;flex-basis:655px}
.product__title{font-size:40px;font-weight:600;line-height:1}
.product__text{margin-top:30px;line-height:22px}
.product__subject{display:none;font-size:18px;font-weight:400;line-height:1}
.product--list{margin-top:120px}
.product--gallery{margin-top:120px}
.product--gallery>ul{margin:0 -25px;font-size:0}
.product--gallery>ul>li{display:inline-block;width:33.3333%;margin-top:150px;padding:0 25px}
.product--gallery>ul>li:nth-child(-n+3){margin-top:0}
.product--gallery .product__image{max-height:250px}
.product--gallery .product__contents{display:block;padding-top:30px}
.product--gallery .product__title{font-size:28px;font-weight:400;line-height:1.2}
.product--gallery .product__title>span{display:inline-block;position:relative}
.product--gallery .product__title>span::before{content:"";display:inline-block;position:absolute;top:-15px;right:-28px;width:34px;height:34px;background-image:url(../images/common/icon_question.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.product--gallery .product__text{display:block;margin-top:20px;font-size:18px;font-weight:400;line-height:1}
.product-link{flex-basis:100%;padding-left:155px}
.product-link__list>li{border-bottom:1px solid #ddd}
.product-link__list>li>a{display:block;position:relative;padding:35px 40px 35px 0;font-size:20px;font-weight:500;line-height:1}
.product-link__list>li>a::before{content:"";display:inline-block;position:absolute;top:40px;right:0;width:21px;height:20px;background-image:url(../images/common/icon_product_arrow.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transition:.23s ease}
.product-link__list>li>a:hover::before{right:10px}
.filter{display:none;width:100%;margin-top:100px}
.filter.filter--pop{display:block;max-width:769px;margin:0 auto;margin-top:0;padding:40px 20px}
.filter::-webkit-scrollbar{width:4px}
.filter::-webkit-scrollbar-thumb{height:30%;background:#333}
.filter::-webkit-scrollbar-track{background:#999}
.filter__head{position:relative;padding-bottom:40px;border-bottom:1px solid #ddd}
.filter__head .btn-init{position:absolute;top:0;right:0}
.filter__title{display:inline-block;font-size:30px;font-weight:700;line-height:30px}
.filter__row{padding:25px 0;border-bottom:1px solid #ddd}
.filter__row>.btn-openfilter{display:inline-block;width:100%;position:relative;padding:0 20px 20px 0;font-size:20px;font-weight:700;line-height:20px;color:#333;text-align:left}
.filter__row>.btn-openfilter.close::before{transform:rotate(180deg)}
.filter__list{display:flex;gap:10px;flex-wrap:wrap}
.filter__list>li{width:calc(50% - 5px)}
.filter__list>li:nth-child(-n+2){margin:0}
.filter__list>li>label{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px;border:1px solid #ddd;font-size:14px;font-weight:400;line-height:20px;color:#999;text-align:center;word-break:break-word;box-sizing:border-box;cursor:pointer}
.filter__list>li>input[type=checkbox]{position:absolute;top:0;left:-99999px}
.filter__list>li>input[type=checkbox]:checked+label{border:1px solid #666;color:#666}
.filter__list>li input[type=text]{height:48px;padding:0 20px}
.filter__list--row>li{width:100%}
.filter__list--row>li:nth-child(-n+2){margin-top:10px}
.filter__list--row>li:first-child{margin-top:0}
.input-text{border:1px solid #ddd}
.filter-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
.filter-layer.active{display:block}
.filter-layer__dim{width:100%;height:100%;background-color:rgba(0,0,0,.3)}
.filter-layer__wrap{position:absolute;top:50%;left:50%;max-width:870px;width:100%;padding:0 40px;transform:translate(-50%,-50%)}
.filter-layer__box{position:relative;padding:40px;background-color:#fff}
.filter-layer__body{padding-top:40px}
.filter-layer__inbox{max-height:450px;overflow-y:auto}
.filter-layer__close{display:inline-block;position:absolute;top:40px;right:40px;width:24px;height:24px;background-image:url(../images/common/btn_allmenu_close.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0}
.input-number{display:inline-block;position:relative;width:100%;padding-left:86px;border:1px solid #ddd}
.input-number>label{display:inline-block;position:absolute;top:0;left:0;width:86px;height:48px;font-size:14px;font-weight:500;line-height:48px;color:#999;text-align:center}
.input-number>input[type=number]{display:inline-block;width:100%;height:48px;border:none;font-size:18px;font-weight:500;line-height:48px;text-align:center;background-color:rgba(0,0,0,0)}
.compare{display:none;position:fixed;left:0;bottom:0;width:100%;z-index:99999;background-color:#fff;box-shadow:0 -10px 30px 0 rgba(0,0,0,.05)}
.compare.active{display:block}
.compare .row{padding:100px 20px 40px 20px}
.compare__shrink{display:inline-block;position:absolute;top:-50px;left:50%;width:90px;height:50px;background-image:url(../images/common/btn_compare_shrink.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateX(-50%);font-size:0}
.compare__shrink::before{content:"";display:inline-block;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:5px;background-image:url(../images/common/icon_compare_shrink_arrow.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translate(-50%,-50%) rotate(180deg)}
.compare__head{text-align:right}
.compare__head>button{display:inline-block;padding-bottom:2px;border-bottom:1px solid #666;font-size:14px;font-weight:700;line-height:20px;color:#666}
.compare__title{text-align:left}
.compare__title>b{display:inline-block;margin-right:50px;font-size:30px;font-weight:700;line-height:1;vertical-align:text-bottom}
.compare__title>p{display:inline-block;line-height:22px;vertical-align:middle}
.compare__title--mob{display:none}
.compare__body{display:flex;justify-content:space-between;margin-top:50px}
.compare__subject{flex-basis:280px;padding:30px 15px 30px 15px;background-color:#f9f9f9}
.compare__subject>b{display:block;padding:10px 0;font-size:20px;font-weight:700;line-height:1}
.compare__subject .compare__sjlist{margin-top:20px}
.compare__subject .compare__sjlist>li{margin-top:20px;font-weight:500;line-height:1;color:#333}
.compare__subject .compare__sjlist>li:first-child{margin-top:0}
.compare__inbox{flex-basis:100%;margin:0 -10px;padding:30px 0 30px 20px}
.compare__container{display:table;table-layout:fixed;width:100%;height:100%}
.compare__list{display:table;height:100%;table-layout:fixed;width:100%;font-size:0}
.compare__list>li{position:relative;display:table-cell;height:100%;padding:0 10px}
.compare__list>li:last-child{min-height:48px}
.compare__item{position:relative;padding:10px 30px 10px 10px;border-bottom:1px solid #000;font-size:18px;font-weight:500;line-height:1}
.compare__item>button{display:inline-block;position:absolute;top:50%;right:10px;width:12px;height:12px;background-image:url(../images/common/btn_compare_del.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0;transform:translateY(-50%)}
.compare__item span{display:block;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.compare__item .icon-eco{display:none}
.compare__wrap{height:100%;padding:17px 10px 0 10px}
.compare__info{display:table;table-layout:fixed;width:100%;height:100%}
.compare__info>li{margin-top:20px;font-size:16px;font-weight:300;line-height:1}
.compare__info>li:first-child{margin-top:0}
.compare.low .compare__shrink::before{transform:translate(-50%,-50%)}
.compare.low .row{padding:50px 20px 40px 20px}
.compare.low .compare__title>b{display:none}
.compare.low .compare__subject{padding:16px 20px}
.compare.low .compare__sjlist{display:none}
.compare.low .compare__body{margin-top:20px}
.compare.low .compare__inbox{padding:10px}
.compare.low .compare__wrap{display:none}
.story-slider .list--story>li{padding:0;border-bottom:0}
.story-slider .list--story>li .list__contents{padding-bottom:55px}
.story-slider .list--story .btn-wrap{margin-top:50px}
.story-slider .swiper-pagination{display:inline-block;width:auto;left:850px;bottom:0}
.story-slider .swiper-pagination .swiper-pagination-bullet{width:5px;height:4px;margin:0 8px;background-image:url(../images/common/icon_swiper_hexa.svg);background-position:center;background-size:auto;background-repeat:no-repeat;vertical-align:middle}
.story-slider .swiper-pagination .swiper-pagination-bullet-active{width:12px;height:10px;background:rgba(0,0,0,0);background-image:url(../images/common/icon_swiper_hexa_on.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.tiles__list{font-size:0}
.tiles__item{margin-top:60px}
.tiles__item:nth-child(-n+2){margin-top:0}
.tiles__item--blue .tiles__top{color:#0066e0}
.tiles__item--cyan .tiles__top{color:#00c1ec}
.tiles__item--mint .tiles__top{color:#00c6c6}
.tiles__item--green .tiles__top{color:#1bc98d}
.tiles__wrap{display:flex;align-items:flex-start}
.tiles__figure{flex-shrink:0;position:relative}
.tiles__text{flex-basis:100%;padding-left:50px;padding-right:15px}
.tiles__top{font-size:14px;font-weight:500;line-height:18px;color:#999}
.tiles__bottom{margin-top:20px;font-size:26px;font-weight:500;line-height:38px}
.tiles__bottom span{display:block;margin-top:10px;font-size:18px;font-weight:500;line-height:1}
.tiles__item{display:inline-block;width:50%}
.tiles--carbon{margin-top:100px}
.tiles--bigtit .tiles__item:nth-child(odd){padding-right:50px}
.tiles--bigtit .tiles__item:nth-child(even){padding-left:50px}
.tiles--bigtit .tiles__top{font-size:18px;font-weight:500;line-height:1;color:#000}
.tiles--bigtit .tiles__bottom{margin-top:15px;font-size:16px;font-weight:300;line-height:22px}
.plx-box{padding:0 35px}
.plx-box__row{margin-top:200px}
.plx-box__row:first-child{margin-top:0}
.plx-box__row--left{text-align:left}
.plx-box__row--left .plx-box__item{padding-right:100px}
.plx-box__row--right{text-align:right}
.plx-box__row--right .plx-box__item{padding-left:100px}
.plx-box__wrap{padding-top:50px;border-top:1px solid #fff}
.plx-box__item{display:inline-block;width:50%;color:#fff;text-align:left}
.plx-box__title{position:relative;height:60px;padding-right:62px}
.plx-box__title span{display:inline-block;position:absolute;top:0;right:0;width:62px;height:60px}
.plx-box__content{margin-top:34px}
.plx-box__top{font-size:30px;font-weight:600;line-height:1}
.plx-box__bottom{margin-top:20px;font-size:18px;font-weight:500;line-height:30px}
.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/common/bg_parallax.jpg);background-size:cover;background-repeat:no-repeat}
.prdslider__wrap{white-space:nowrap;-webkit-overflow-scrolling:touch;word-break:break-all}
.prdslider__item{display:inline-block;max-width:580px;width:100%;margin-right:50px}
.prdslider__text{margin-top:50px}
.prdslider__top{font-size:26px;font-weight:500;line-height:26px;white-space:normal}
.prdslider__bottom{margin-top:20px;font-size:18px;font-style:normal;font-weight:300;line-height:28px;white-space:normal}
.dot-list>li{position:relative;margin-top:10px;padding-left:10px}
.dot-list>li:first-child{margin-top:0}
.dot-list>li::before{content:"";display:inline-block;position:absolute;top:8px;left:0;width:4px;height:4px;background-color:#999;border-radius:50%}
.dot-list--bold>li{font-size:18px;font-weight:500}
.dash-list>li{position:relative;padding-left:10px}
.dash-list>li::before{content:"-";display:inline-block;position:absolute;top:0;left:0}
.bread-hide .box__left.fixed .sub-title{position:relative!important;top:auto!important;width:100%}
.bread-hide .box__left.bottom .sub-title{position:relative!important;bottom:auto!important;width:100%}
.origin-el{transition:.36s ease!important}
.origin-el.fixed{position:fixed;top:140px}
.origin-el.over{transform:translateY(30px)!important;opacity:0!important;visibility:hidden}
.cr-image{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}
.cr-image img{position:absolute;top:0;left:0;display:block;width:auto;height:auto;max-width:none;max-width:none}
.cr-handle{position:absolute;top:50%;left:50%;display:inline-block;width:25px;height:25px;margin-left:-12px;margin-top:-12px;background-color:red;cursor:move;transform:rotate(45deg)}
.cr-handle::before{content:"";display:inline-block;position:absolute;top:0;right:25px;width:1px;height:1000000%;background-color:red;transform:translate(-50%,-50%) rotate(-45deg)}
.roadmap{position:relative;padding:0 0 0 110px}
.roadmap::before{content:"";display:inline-block;position:absolute;bottom:0;left:0;width:calc(100% - 25px);height:16px;background:linear-gradient(90deg,rgba(211,211,211,0) 0,rgba(211,211,211,.3) 50%,rgba(221,221,221,.65) 100%)}
.roadmap::after{content:"";display:inline-block;position:absolute;bottom:-7px;right:0;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:26px solid rgba(221,221,221,.65);border-right:0 solid transparent}
.roadmap__list{display:flex;position:relative}
.roadmap__item{display:flex;position:relative;flex:1;padding-right:20px}
.roadmap__item.active .roadmap__wrap::before{bottom:-38px;left:-52px;width:104px;height:90px;background-image:url(../images/common/icon_roadmap_hexa_on.svg)}
.roadmap__item::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:1px;height:100%;background-color:#ddd}
.roadmap__item::after{content:"";display:inline-block;position:absolute;top:0;left:0;width:1px;height:26px;background-color:#999}
.roadmap__item:last-child::after{background-color:#0066e0}
.roadmap__wrap{position:relative;padding-bottom:75px}
.roadmap__wrap::before{content:"";display:inline-block;position:absolute;bottom:-7px;left:-15px;width:30px;height:30px;background-image:url(../images/common/icon_roadmap_hexa.svg);background-position:center;background-size:auto;background-repeat:no-repeat}
.roadmap__inbox{position:relative;padding-left:30px}
.roadmap__contents{position:absolute;top:0;left:0;width:100%}
.roadmap__title{margin-bottom:15px;font-size:20px;font-weight:700;line-height:1}
.roadmap__subtitle{margin-bottom:15px;font-size:18px;font-weight:500;line-height:24px}
.roadmap__text>ul{display:flex}
.roadmap__text>ul>li{flex:1;padding-left:50px}
.roadmap__text>ul>li:first-child{padding-left:0}
.roadmap--sun .roadmap__item.active .roadmap__wrap::before{background-image:url(../images/common/icon_roadmap_hexa_on_sun.svg)}
.roadmap--tree .roadmap__item.active .roadmap__wrap::before{background-image:url(../images/common/icon_roadmap_hexa_on_tree.svg)}
.white-box{margin-top:60px;padding:30px 0;border:1px solid #ddd;background-color:#fff}
.white-box__row{font-size:0;text-align:center}
.white-box__item{display:inline-block;position:relative;padding:10px;font-size:18px;font-weight:500;line-height:1;color:#333}
.white-box__item::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#eee;transform:translateY(-50%)}
.white-box__item:last-child::before{display:none}
.eval__list{display:flex;font-size:0;margin:0 -10px}
.eval__item{display:inline-block;width:33.3333%;padding:0 10px}
.eval__item:hover .eval__wrap{border:1px solid #0066e0}
.eval__wrap{height:100%;padding:45px 40px;border:1px solid #ddd;transition:.34s ease}
.eval__inbox{text-align:right}
.eval__content{margin-top:30px}
.eval__title{font-size:20px;font-weight:500;line-height:1}
.eval__text{margin-top:20px;font-size:16px;font-weight:300;line-height:22px}
.eval .btn-wrap{margin-top:30px}
.dhexa{display:flex;justify-content:space-between;align-items:center}
.dhexa__box{display:flex;align-items:center}
.dhexa__box--center{position:relative;width:14%;height:1px;border-top:1px dashed #999}
.dhexa__box--center::before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);background-color:#999;border-top:none}
.dhexa__box--center::after{content:"";display:inline-block;position:absolute;top:50%;right:0;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);background-color:#999;border-top:none}
.dhexa__left{background-image:url(../images/common/img_dhexa_left.png);background-position:center;background-size:contain;background-repeat:no-repeat}
.dhexa__right{background-image:url(../images/common/img_dhexa_right.png);background-position:center;background-size:contain;background-repeat:no-repeat}
.dhexa__wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;height:356px;padding:0 10px}
.dhexa__title{margin-bottom:20px;font-size:20px;font-weight:500;text-align:center;line-height:28px}
.dhexa__circle{display:inline-flex;justify-content:center;align-items:center;width:200px;height:200px;border:1px solid #ddd;border-radius:50%;background-color:#fff;font-size:20px;line-height:30px;font-weight:500;text-align:center}
.esg-manage__circle{display:flex}
.esg-manage__left{text-align:right}
.esg-manage__center .esg-manage__item{max-width:230px;margin-top:40px;text-align:center}
.esg-manage__right{text-align:left}
.esg-manage__item{display:inline-block;text-align:center}
.esg-manage__item-01{max-width:240px}
.esg-manage__item-02{max-width:265px}
.esg-manage__item-03{max-width:290px;padding-top:55%;padding-left:50px}
.esg-manage__item-05{max-width:235px;padding-top:55%;padding-right:50px}
.esg-manage__title{margin-bottom:15px;font-size:20px;font-weight:500;line-height:1.4}
.mo-manage{display:none}
.esg-subtext{font-size:26px;font-weight:500}
.signature-wrap{display:flex;justify-content:space-between;align-items:center}
.sub-banner{position:relative;height:400px;background-size:120% auto;background-position-x:center;background-position-y:0}
.sub-banner--large{height:800px}
.sub-banner--company{background-image:url(../images/common/img_company_intro_kv.jpg)}
.sub-banner--greeting{height:700px;background-image:url(../images/common/img_company_introbg.jpg)}
.sub-banner--talent{height:500px;background-image:url(../images/common/img_recruit_talentbg.jpg);background-size:cover}
.sub-banner--index--company{height:500px;background-image:url(../images/common/img_index_companybg.jpg);background-size:cover}
.sub-banner.aos-init::before{position:absolute;top:0;right:0;content:"";width:100%;height:100%;background:#fff;transition:width .83s ease-out}
.sub-banner.aos-animate::before{width:0%}
.number__list{display:flex;flex-wrap:wrap;margin:0 -48px;font-size:0}
.number__list>li{display:inline-block;width:50%;margin-top:40px;padding:0 48px}
.number__list>li:nth-child(-n+2){margin-top:0}
.number__wrap{display:flex;align-items:flex-start;height:100%;padding-bottom:30px;border-bottom:1px solid #ddd}
.number__info{flex-basis:100%;display:flex;justify-content:space-between}
.number__index{display:inline-block;width:85px;padding-right:50px;font-size:18px;font-weight:500;line-height:1;color:#0066e0;vertical-align:middle}
.number__content{display:inline-block;width:calc(100% - 85px);padding-right:20px}
.number__title{margin-bottom:15px;font-size:18px;font-weight:500;line-height:1}
.number__text{font-size:16px;font-weight:300;line-height:22px}
.number__index.name,.number__index.address,.number__index.telephone,.number__index.email{font-size: 0;width: 17px;height: 17px;background-repeat: no-repeat}
.number__index.name{background-image:url(../images/common/btn_home_black.svg);}
.number__index.address{background-image:url(../images/common/btn_address_black.svg);}
.number__index.telephone{background-image:url(../images/common/btn_tel_black.svg);}
.number__index.email{background-image:url(../images/common/btn_email_black.svg);}
.number--row .number__list>li{width:100%;margin-top:0}
.number--row .number__list>li:first-child .number__wrap{padding-top:0}
.number--row .number__wrap{align-items:flex-start;padding:40px 0 30px 0}
.number--row .number__title{margin-bottom:15px;font-size:18px;font-weight:500;line-height:28px}
.number--top .number__wrap{align-items:flex-start}
.number--pblarge .number__list>li .number__wrap{padding-bottom:30px}
.chart__head{margin-bottom:5px;text-align:right}
.chart__headwrap span{font-size:14px;font-weight:400;color:#666}
.chart__headwrap ul{font-size:0;margin-top:15px}
.chart__headwrap ul li{display:inline-block;font-size:14px;font-weight:400;margin-left:20px}
.chart__headwrap ul li::before{display:inline-block;content:"";width:12px;height:12px;vertical-align:middle;margin-bottom:2px;margin-right:8px}
.chart__headwrap ul li:nth-child(1)::before{background-color:#80d8b6}
.chart__headwrap ul li:nth-child(2)::before{background-color:#00af6c}
.chart__headwrap ul li:nth-child(3)::before{width:16px;background:url(../images/common/icon_dashpoint.svg) center/100% auto no-repeat}
.chart--column .chart__body{margin:0 -42px 0 -32px;font-size:0}
.chart--column .chart{display:inline-block;width:33.3333%;padding:0 32px;vertical-align:bottom}
.chart__title{font-size:18px;font-weight:600;color:#000;text-align:center;margin-bottom:20px}
.chart__title--mt20{margin-top:20px;margin-bottom:0}
.chart-box{display:flex;align-items:center}
.chart-box--subtext{font-size:14px;font-weight:300;color:#666;text-align:center}
.chart-box__content{flex-basis:412px;flex-shrink:0}
.chart-box__content--long{flex-basis:540px}
.chart-box__row{margin-top:50px}
.chart-box__row:first-child{margin-top:0}
.chart-box__wrap{font-size:0;padding-left:115px;position:relative;padding-bottom:30px;width:100%}
.chart-box__wrap--twocol canvas{width:50%}
.chart-box__wrap .chart{position:relative;height:100%}
.chart-box__wrap .chart-sub{position:absolute;top:0;right:6%;font-size:14px;color:#666}
.chart-box__title{font-size:20px;font-weight:500;line-height:1.4}
.chart-box__text{margin-top:20px;line-height:22px}
.chart-box__small{margin-top:30px;font-size:14px;font-weight:400;line-height:22px;color:#666}
.chart-box__figure{display:flex;font-size:0;height:450px;margin-left:-80px}
.chart-box__figure .chart{width:49%}
.chart-box__figure .chart:first-child{margin-right:20px}
.chart-box__inbox{padding:0 40px;height:100%;width:50%}
.chart-box__inbox img{width:100%}
.chart-box--onlyone .chart-box__wrap{width:100%}
.chart-box--onlyone .chart-box__wrap .chart{width:100%}
.chart-box--onlyone .chart-box__wrap span{position:absolute;top:-2%;right:8%;font-size:14px;color:#666}
.chart-box--oneimage .chart-box__wrap{padding-left:0}
.chart-box--oneimage .chart-box__figure{margin:0}
.chart-box--oneimage .chart-box__content{padding-left:100px;flex-basis:655px;flex-grow:1}
.chart-box--oneimage .chart-box__inbox{width:100%;padding:0}
.chart-box--aligntop{align-items:flex-start}
.chart-box--imagewide .chart-box__content{flex-basis:295px}
.chart-box--imagewide .chart-box__wrap{padding-left:130px}
canvas{width:100%!important;pointer-events:none}
.toggle{border:1px solid #999}
.toggle__title{position:relative;padding:34px 50px 34px 30px;font-size:26px;font-weight:500;line-height:1;cursor:pointer}
.toggle__title::before{content:"";display:inline-block;position:absolute;top:50%;right:30px;width:20px;height:20px;background-image:url(../images/common/btn_year-box_arrow.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%) rotate(180deg);transition:.34s ease}
.toggle__title>span{display:inline-block;margin-left:30px;font-size:18px;font-weight:500;line-height:1;color:#999;vertical-align:middle}
.toggle__item{border-bottom:1px solid #eee}
.toggle__item.active .toggle__title{color:#0066e0}
.toggle__item.active .toggle__title::before{transform:translateY(-50%) rotate(0)}
.toggle__item.active .toggle__title>span{color:#000}
.toggle__content{display:none}
.toggle--bg .toggle__content{padding:50px 40px;border-top:1px solid #eee;background-color:#f9f9f9;font-size:16px;font-weight:300}
.toggle--bg .toggle__content>b{display:block;margin-bottom:20px;font-size:18px;font-weight:500;line-height:18px}
.image-card--itemmt0 .image-card__list>li:nth-child(-n+2){margin-top:0}
.image-card__list{margin:0 -10px;font-size:0}
.image-card__list>li{display:inline-block;width:50%;padding:0 10px;margin-top:90px}
.image-card__list>li:nth-child(-n+2){margin-top:90px}
.image-card__figure img{width:100%}
.image-card__title{margin-top:30px;font-size:20px;font-weight:700;line-height:1}
.image-card__text{margin-top:15px;font-size:16px;line-height:22px;letter-spacing:-.32px;color:#333}
.image-card__box{margin-top:30px}
.image-card--big .image-card__list{margin:0 -50px}
.image-card--big .image-card__list>li{width:50%;padding:0 50px}
.image-card--big .image-card__title{font-size:26px}
.image-card--col3 .image-card__list>li{width:33.3333%}
.image-card--col3 .image-card__list>li:nth-child(-n+2){margin-top:90px}
.image-card--col3 .image-card__list>li:nth-child(-n+3){margin-top:0}
.image-card--col3 .image-card__title{font-weight:400;line-height:30px}
.image-card--nomt .image-card__list>li{margin-top:0}
.schema-box{font-size:0}
.schema-box__content{display:inline-block}
.schema-box__content--left{width:790px}
.schema-box__content--right{width:calc(100% - 790px);padding-left:100px}
.schema-box--small .schema-box__content--left{width:560px}
.schema-box--small .schema-box__content--right{width:calc(100% - 560px)}
.number-tiles{margin-top:15px}
.number-tiles>ul{display:flex;gap:15px}
.number-tiles>ul>li{flex:1}
.number-tiles--bggray{border:1px solid #ddd}
.number-tiles--bggray>ul{gap:0}
.number-tiles--bggray>ul>li .number-tile{position:relative;border:none;background-color:#f9f9f9;text-align:center}
.number-tiles--bggray>ul>li .number-tile::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:1px;height:70%;background-color:#ddd;transform:translateY(-50%)}
.number-tiles--bggray>ul>li:last-child .number-tile::before{display:none}
.number-tiles--nomg{margin:0}
.number-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:63px 0;border:1px solid #ddd;background-color:#fff}
.number-tile--blue{border:1px solid #0066e0}
.number-tile--blue .number-tile__bottom{color:#0066e0}
.number-tile__top{font-size:18px;font-weight:300;line-height:1}
.number-tile__top--bold{font-size:26px;font-weight:500}
.number-tile__bottom{margin-top:30px;font-size:26px;font-weight:600;line-height:36px}
.number-tile__bottom--light{font-size:18px;line-height:26px;font-weight:300}
.number-tile__subtext{margin-top:20px;font-size:16px;font-weight:300;line-height:22px;color:#000}
.number-tile__sub{margin-top:15px;font-size:18px;line-height:24px;font-weight:500;text-align:center}
.change-box{display:flex;max-width:565px;width:100%;margin-top:15px;border:1px solid #ddd;background-color:#fff}
.change-box__content{display:inline-flex;position:relative;flex:1;justify-content:center;padding:47px 0;font-size:26px;font-weight:500;line-height:1}
.change-box__content:first-child::before{content:"";display:inline-block;position:absolute;top:50%;right:-10px;width:20px;height:20px;background-image:url(../images/common/icon_change-box.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%)}
.grid-box--flex .grid-box__row{display:flex;justify-content:space-between;align-items:center}
.grid-box--flex .grid-box__row .grid-box__wrap{display:inline-block;margin-top:0;padding-left:20px}
.grid-box__row{position:relative;padding:35px 0;border-bottom:1px solid #ddd}
.grid-box__row:first-child{padding-top:10px}
.grid-box__row::before{content:"";display:inline-block;position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#0066e0;transition:.34s ease}
.grid-box__row:hover::before{width:100%}
.grid-box__row:hover .grid-box__title{color:#0066e0}
.grid-box__row:hover .btn-downicon{background-image:url(../images/common/btn_mob_download_on.svg)}
.grid-box__title{display:inline-block;font-size:26px;font-weight:500;line-height:1;transition:.34s ease}
.grid-box__wrap{float:right}
.grid-box__wrap .btn{margin:5px 0;margin-right:50px}
.grid-box__wrap .btn:first-child{margin-left:0}
.grid-box__wrap--tr{text-align:right}
.grid-box__wrap--tr .btn{margin:0}
.profile__list{font-size:0}
.profile__list>li{display:inline-block;width:33.3333%;padding:50px 0 50px 50px;background-color:#fff;vertical-align:top;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.profile__list>li:first-child{border-left:1px solid #ddd}
.profile__list>li:last-child{border-right:1px solid #ddd}
.profile__list>li:last-child .profile__wrap{border-right:none}
.profile__wrap{border-right:1px solid #eee}
.profile__name{font-size:20px;font-weight:700;line-height:1}
.profile__content{margin-top:30px}
.profile__info{padding-right:20px}
.profile__info>li{margin-top:15px;font-size:0;vertical-align:top}
.profile__info>li:first-child{margin-top:0}
.profile__subject{display:inline-block;width:95px;padding-right:30px;font-size:16px;font-weight:500;line-height:1}
.profile__text{display:inline-block;width:calc(100% - 95px);font-size:16px;line-height:1;color:#333}
.dir-wrap{margin-top:125px}
.dir-wrap__box{display:flex;justify-content:center}
.dir-wrap__left{padding-right:20px}
.dir-wrap__left .dir-wrap__text{padding-right:40px;text-align:right}
.dir-wrap__center{display:flex;max-width:600px;width:100%}
.dir-wrap__right{padding-left:20px}
.dir-wrap__right .dir-wrap__text{padding-left:40px}
.dir-wrap__inbox{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px}
.dir-wrap__inbox--ltbox{display:flex;justify-content:flex-end;margin-top:-60px}
.dir-wrap__inbox--lbbox{display:flex;justify-content:flex-end;margin-top:75%}
.dir-wrap__inbox--rtbox{margin-top:-60px}
.dir-wrap__inbox--rbbox{margin-top:75%}
.dir-wrap__imgbox{flex:1;height:300px;font-size:26px;font-weight:500;line-height:1;background-position:center;background-size:100% auto;background-repeat:no-repeat}
.dir-wrap__imgbox--left{display:flex;justify-content:center;align-items:center;background-image:url(../images/common/img_directorate_center_left.png)}
.dir-wrap__imgbox--right{display:flex;justify-content:center;align-items:center;background-image:url(../images/common/img_directorate_center_right.png)}
.dir-wrap__figure{flex-basis:135px;flex-shrink:0}
.unit{display:inline-block;font-size:14px;font-weight:400;line-height:1;color:#666}
.meeting{padding:60px 80px;font-size:0;background-color:#f9f9f9}
.meeting__box{display:inline-block;position:relative;padding:10px 0;font-size:0}
.meeting__box::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:1px;height:100%;background-color:#ddd;transform:translateY(-50%)}
.meeting__box:last-child::before{display:none}
.meeting__box--left{width:42%;padding-right:60px;text-align:right}
.meeting__box--right{width:58%;padding-left:60px;text-align:left}
.meeting__icon{display:inline-block;width:80px;height:80px;vertical-align:middle}
.meeting__icon img{width:100%}
.meeting__content{display:inline-block;width:calc(100% - 80px);padding-left:50px;vertical-align:middle;text-align:left}
.meeting__title{font-size:18px;font-weight:500;line-height:18px}
.meeting__text{margin-top:15px;font-size:16px;font-weight:300;line-height:22px}
.job-list{max-width:1215px;width:100%;margin:0 auto}
.job-list__head{margin-bottom:24px;font-size:14px;font-weight:400;line-height:14px;color:#333}
.job-list__head>span{display:inline-block;font-size:16px;font-weight:500;line-height:14px;color:#0066e0}
.job-list__body{border-top:1px solid #333}
.job-list__body>ul>li{position:relative;border-bottom:1px solid #ddd;transition:.45s ease}
.job-list__body>ul>li::after{content:"";display:inline-block;position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#0066e0;transition:.45s ease}
.job-list__body>ul>li:hover{background-color:rgba(0,102,224,.07)}
.job-list__body>ul>li:hover::after{width:100%}
.job-list__body>ul>li.end .job-list__date{background-color:#999}
.job-list__body>ul>li.end .job-list__title{color:#999}
.job-list__body>ul>li.end .job-list__info>ul>li{color:#999}
.job-list__body>ul>li.add-btn .job-list__link{display:flex;justify-content:space-between;align-items:center}
.job-list__wrap{display:flex;padding:40px 30px;align-items:center}
.job-list__date{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#0066e0;font-size:14px;font-weight:500;line-height:24px;color:#fff}
.job-list__date--end{background-color:#999}
.job-list__date--gradient{background:#22a7f2;background:linear-gradient(-45deg,#22a7f2 0,#05dca4 100%)}
.job-list__content{flex-basis:100%;padding-left:50px}
.job-list__link{display:block}
.job-list__title{font-size:20px;font-weight:500;line-height:1.25;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.job-list__info{margin-top:20px}
.job-list__info>ul{font-size:0}
.job-list__info>ul>li{display:inline-flex;position:relative;margin-right:15px;padding:5px 15px 5px 0;font-size:14px;font-weight:400;line-height:1.2}
.job-list__info>ul>li:last-child{padding-right:0;margin-right:0}
.job-list__info>ul>li::before{content:"";display:inline-block;position:absolute;top:5px;right:0;width:1px;height:12px;background-color:#eee}
.job-list__info>ul>li:last-child{font-weight:300;color:#666}
.job-list__info>ul>li:last-child::before{display:none}
.recruit-view{display:flex}
.recruit-view__right{position:relative;flex-basis:335px;flex-shrink:0}
.recruit-view__left{flex-basis:100%;padding-right:50px}
.recruit-view__head{border-top:1px solid #999;border-bottom:1px solid #ddd}
.recruit-view__head .job-list__title{font-size:26px}
.recruit-view__body{padding-top:80px}
.recruit-view__wrap{padding:0 30px}
.recruit-view__banner{margin-bottom:70px}
.recruit-view__banner img{width:100%}
.recruit-view__row{margin-bottom:50px}
.recruit-view__row:last-child{margin-bottom:0}
.recruit-view__title{margin-bottom:10px;font-size:18px;font-weight:500;line-height:1}
.recruit-view__title>img{display:inline-block;vertical-align:text-bottom;margin-right:15px}
.recruit-view__subtitle{margin-bottom:10px;font-weight:500;line-height:22px}
.recruit-view__content{margin-bottom:30px}
.recruit-view__content:last-child{margin-bottom:0}
.recruit-view__content>p{margin-bottom:5px}
.recruit-view__content>p:last-child{margin-bottom:0}
.recruit-view__content>p>b{font-weight:400;padding-right:10px}
.recruit-view__content>p.fw400{font-weight:400}
.recruit-view__content .dot-list>li{margin-top:5px}
.recruit-view__list>li{margin-top:5px;line-height:22px}
.recruit-view__list>li:first-child{margin-top:0}
.recruit-view__list>li::before{background-color:#ddd}
.recruit-view .btn-square--graynohv{cursor:default}
.welfare-figure img{margin:0 auto}
.welfare ul{display:flex;justify-content:center;gap:20px}
.welfare ul li{width:calc(16.66666% - 16.6px);padding:27px 0 20px 0;text-align:center;border:1px solid #eee}
.welfare ul li:first-child{border-top:2px solid #0066e0}
.welfare ul li:nth-child(2){border-top:2px solid #00a3eb}
.welfare ul li:nth-child(3){border-top:2px solid #00b7df}
.welfare ul li:nth-child(4){border-top:2px solid #00c6ca}
.welfare ul li:nth-child(5){border-top:2px solid #00cbad}
.welfare ul li:nth-child(6){border-top:2px solid #1bc98d}
.welfare__text{margin-top:20px;font-size:16px;font-weight:400;line-height:22px}
.view-float{position:absolute;width:100%;max-width:335px;transition:.32s ease}
.view-float__top{border:1px solid #ddd}
.view-float__wrap{padding:40px 30px 30px}
.view-float__title{margin-bottom:30px;font-size:30px;font-weight:600;line-height:1;color:#0066e0}
.view-float__title--end{color:#999}
.view-float__list>ul>li{margin-top:20px}
.view-float__list>ul>li:first-child{margin-top:0}
.view-float__item{padding:2px 2px 2px 30px;background-size:auto;background-position:left top 2px;background-repeat:no-repeat}
.view-float__item-01{background-image:url(../images/common/icon_view_float_item01.svg)}
.view-float__item-02{background-image:url(../images/common/icon_view_float_item02.svg)}
.view-float__item-03{background-image:url(../images/common/icon_view_float_item03.svg)}
.view-float__item-04{background-image:url(../images/common/icon_view_float_item04.svg)}
.view-float__link{margin-top:40px}
.view-float__link .btn-square{min-width:100%}
.view-float__bottom{margin-top:30px}
.view-float__banner{background:linear-gradient(108deg,#269dff 0,#00e596 100%)}
.view-float__banner>a{display:block;padding:30px}
.view-float__banner>a>p{margin-bottom:10px;font-size:14px;font-weight:500;color:#fff}
.view-float__banner>a>strong{display:inline-block;padding-right:25px;background-image:url(../images/common/icon_view_float_arrow.svg);background-size:auto;background-position:center right;background-repeat:no-repeat;font-size:20px;font-weight:700;line-height:1;color:#fff}
.view-float.fixed{position:fixed;top:120px}
.view-float.fixed.bottom{position:absolute;top:auto;bottom:0}
.view-float .btn-square--graynohv{cursor:default}
.recruit-view__body>.btn-wrap{display:none}
.recruit-view__body>.view-float__bottom{display:none}
.rprocess{position:relative}
.rprocess__list{display:flex;margin:0 -52px}
.rprocess__item{flex:1;position:relative;padding:0 52px}
.rprocess__item::before{content:"";display:inline-block;position:absolute;top:50%;right:-12px;width:24px;height:24px;background-image:url(../images/common/icon_process_arrow.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%)}
.rprocess__item:last-child::before{display:none}
.rprocess__wrap{text-align:center}
.star{margin-left:8px;font-size:12px;font-weight:500;line-height:1;color:#0066e0}
.inquiry-box .tab{margin-bottom:120px}
.inquiry-box .sub-title{margin-bottom:100px}
.apply{max-width:1060px;width:100%;margin:0 auto}
.apply__toptitle{font-size:36px;font-weight:700;line-height:1;text-align:center}
.apply__toptitle p{margin-top:40px;font-size:20px;font-weight:400;line-height:30px}
.apply__wrap{position:relative;padding-bottom:14px;padding-top:120px}
.apply__wrap ul{position:relative;font-size:0}
.apply__wrap ul::before{display:block;position:absolute;left:0;bottom:0;content:"";width:100%;height:1px;background-color:#ddd}
.apply__wrap ul li{display:inline-block;position:relative;width:33.3333%;padding-bottom:44px}
.apply__wrap ul li::after{display:block;position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);content:"";width:30px;height:30px;background-image:url(../images/common/step__hexagon_off.png);background-size:contain;background-repeat:no-repeat}
.apply__wrap ul li.active::before{display:block;position:absolute;left:-50%;bottom:0;content:"";width:100%;height:2px;background-color:#0066e0}
.apply__wrap ul li.active::after{background-image:url(../images/common/step__hexagon_on.png);z-index:1}
.apply__wrap ul li:first-child::before{left:0;width:50%}
.apply__wrap ul li.apply__on .apply__inbox{color:#000}
.apply__inbox{font-weight:500;color:#ddd;text-align:center}
.apply__step{font-size:12px}
.apply__title{margin-top:15px;font-size:18px}
.apply__content{padding-top:120px}
.apply__content .btn-wrap{margin-top:100px}
.apply__content .apply__nodatainner .btn-wrap{margin-top:20px}
.apply__content .complete__imagewrap{text-align:center}
.apply__content .complete__bottomtitle{margin-top:60px;font-size:30px;font-weight:600;text-align:center}
.apply__content .complete__description{padding:72px 160px 0;text-align:center}
.apply__content .complete__description ul{display:inline-block}
.apply__content .complete__description ul li{text-align:left}
.apply__content .complete__description ul li:first-child{margin-top:0}
.apply__content .complete__description ul li::before{position:absolute;left:0;content:"";width:4px;height:4px;border-radius:50%;background-color:#999}
.apply__content .status{max-width:600px;margin:0 auto}
.apply__content .status .form-box{padding-top:0;border-top:none}
.apply__content .status .form-box__row{margin:60px -25px 0 -25px}
.apply__content .status .form-box__row:first-child{margin-top:0}
.apply__content .status__forget a{display:block;margin-top:15px;font-size:14px;font-weight:400;color:#666;text-align:right}
.apply__content .status .btn-wrap a{background-color:#0066e0}
.apply__infobox{max-width:1215px;margin:0 auto}
.apply__infowrap{display:flex;justify-content:space-between;align-items:center;padding:30px;background-color:#f9f9f9}
.apply__info{display:flex}
.apply__name{display:inline-block}
.apply__name h2{position:relative;padding-right:20px;font-size:26px;font-weight:700;line-height:26px}
.apply__name h2 span{margin-left:10px;font-size:14px;font-weight:500;vertical-align:text-bottom}
.apply__name h2::before{position:absolute;right:0;bottom:6px;content:"";width:1px;height:12px;background-color:#000;opacity:.1}
.apply__email{display:inline-block;margin-top:auto;padding-left:20px;font-size:14px;font-weight:400;line-height:26px}
.apply__pwchange a{display:inline-block;padding-bottom:2px;border-bottom:1px solid #666;font-size:14px;font-weight:500;color:#666}
.apply .btn-wrap{margin-top:100px}
.apply__head{margin-top:100px;border-top:1px solid #999;border-bottom:1px solid #ddd}
.apply__footer{margin-top:100px}
.apply__footer .dot-list{margin-top:50px}
.apply__agree{display:flex;justify-content:space-between;align-items:flex-end}
.apply__agree strong{display:block;font-size:18px;font-weight:500;line-height:28px}
.apply--spd .form-box__inbox{margin-top:50px}
.apply__infobox .detailview{position:relative;padding-right:17px;margin-right:25px}
.apply__infobox .detailview::after{content:"";display:inline-block;position:absolute;top:0;right:0;width:15px;height:16px;background-image:url(../images/common/detail_view.svg);background-position:center;background-size:auto;background-repeat:no-repeat;vertical-align:middle}
.apply__infobox .detailcancel{position:relative;padding-right:17px}
.apply__infobox .detailcancel::after{content:"";display:inline-block;position:absolute;top:0;right:0;width:15px;height:16px;margin-bottom:1px;margin-left:1px;background-image:url(../images/common/detail_cancel.svg);background-position:center;background-size:contain;background-repeat:no-repeat;vertical-align:middle}
.apply__infobox .tbl{text-align:center}
.apply__infobox .tbl tbody tr td{font-size:14px;font-weight:400}
.apply__infobox .tbl tbody tr td:first-child span{font-size:16px;line-height:1.2;text-align:left;display:-webkit-box;overflow:hidden;word-break:keep-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.apply__infobox .tbl tbody tr td.active{font-weight:600;color:#2287ff}
.apply__infobox .tbl tbody tr td.active span{display:inline-block;padding-bottom:5px;border-bottom:1px solid}
.apply__detailbox{margin-top:120px}
.apply__subtitle{display:flex;justify-content:space-between;align-items:center}
.apply__guide{margin-top:20px}
.apply__leftsub h2{font-size:30px;font-weight:700;line-height:26px}
.apply__leftsub span{font-size:14px;font-weight:300;line-height:22px;vertical-align:text-bottom;margin-left:10px}
.apply__rightsub{position:relative}
.apply__rightsub .btn-wave__text{position:static;transform:none;margin-top:5px}
.apply__rightsub .btn-wave__text::before{top:6px;right:2px}
.apply__detailwrap{margin-top:20px;border-top:1px solid #ddd}
.apply__detailwrap--btbk{border-top:1px solid #000}
.apply__regist{margin-top:96px}
.apply__regist table tbody tr td:first-child{padding-left:0}
.apply__detailwrap--nodata table tbody{position:relative}
.apply__detailwrap--nodata table tbody tr{border-bottom:1px solid #eee}
.apply__detailwrap--nodata table tbody tr td{border:none;padding:0}
.apply__detailwrap--nodata table tbody tr td span{display:block;text-align:center}
.apply__detailwrap--nodata table tbody tr td .para{font-size:16px;line-height:22px}
.apply__detailwrap--nodata table tbody tr td .btn-wave__text{top:50px;font-size:16px;font-weight:600}
.apply__detailwrap--nodata table tbody tr td .btn-wave__text::before{top:0}
.apply__detailwrap--nodata table tbody tr td:first-child{padding:0}
.apply__alert{padding:30px;padding-left:140px;font-size:14px;font-weight:700;line-height:1.4;color:#0066e0;border-bottom:1px solid #ddd}
.invest__text{display:block;margin-top:80px;font-size:18px;text-align:center}
.invest>.btn-wrap{margin-top:120px;text-align:center}
.login-box{max-width:600px;width:100%;margin:0 auto}
.save-msg{display:block;margin-top:30px;font-size:14px;font-weight:400;line-height:24px;text-align:center;color:#999}
.doc-input{display:none}
.upload-file{font-size:0;margin-top:40px}
.upload-file__item{position:relative;display:inline-block;padding-right:25px}
.btn-filename{font-size:18px;line-height:24px;font-weight:400}
.btn-fileremove{position:absolute;top:5px;right:0;width:15px;height:15px;border-radius:50%;background-image:url(../images/common/btn-filename.svg);background-size:auto;background-position:right center;background-repeat:no-repeat;font-size:0}
.form-box__col2box{display:flex}
.form-box__col2box .select-box{padding:0 10px;min-width:auto;width:50%}
.form-box__col3box{display:flex}
.form-box__col3box .select-box{padding:0 10px;min-width:auto;width:33.3333%}
.form-box--contact{padding-top:100px;border-top:1px solid #000}
.form-box__import{margin-bottom:30px;text-align:right}
.form-box__row{display:flex;flex-wrap:wrap;align-items:stretch;margin:0 -25px 50px -25px}
.form-box__row:last-child{margin-bottom:0}
.form-box__row--row{width:100%}
.form-box__row>p{margin-bottom:30px;padding:0 25px;font-size:18px;font-weight:500;line-height:24px}
.form-box__row--block{display:block}
.form-box__item{width:100%;flex-shrink:0;padding:0 25px}
.form-box__item--50{width:50%}
.form-box__item--33{margin-top:30px;width:33.3333%}
.form-box__item--33:nth-of-type(-n+3){margin-top:0}
.form-box__item--25{width:25%}
.form-box__item>p{margin-top:5px;font-weight:400;color:#999}
.form-box__item--hasbutton .form-box__wrap{height:auto}
.form-box__item--nobd .form-box__wrap{border-bottom:none}
.form-box__wrap{display:flex;position:relative;height:100%;align-items:center;padding-bottom:15px;border-bottom:1px solid #999}
.form-box__wrap--nopd{padding:0}
.form-box__wrap--nobd{border-bottom:none}
.form-box__wrap--column{flex-direction:column;align-items:flex-start}
.form-box__wrap--column .form-box__title{width:100%;margin-bottom:30px}
.form-box__wrap--column .form-box__title+.form-box__content{width:100%;padding-left:0}
.form-box__inbox{margin-top:150px}
.form-box__inbox:nth-of-type(1){margin-top:0}
.form-box__subject{position:relative;margin-bottom:60px;padding-bottom:20px;border-bottom:1px solid #000;font-size:30px;font-weight:700;line-height:1}
.form-box__subject .btn-editrow{position:absolute;top:0;right:0}
.form-box__csubject{display:block;position:relative;width:100%;min-height:22px;margin-bottom:40px;padding:0 25px;font-size:18px;font-weight:500;line-height:1}
.form-box__csubject label{margin-left:30px}
.form-box__csubject .btn-editrow{position:absolute;top:50%;right:25px;transform:translateY(-50%)}
.form-box__title{width:100px;flex-shrink:0;font-weight:500;line-height:22px}
.form-box__title--wide{flex-basis:120px}
.form-box__title--vwide{flex-basis:170px}
.form-box__title+.form-box__content{padding-left:20px}
.form-box__content{flex-basis:100%}
.form-box__content>ul{display:flex}
.form-box__content>ul>li{flex:1}
.form-box__content--find{position:relative;padding-right:35px}
.form-box__content--find .btn-findaddress{position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.form-box__content--chk{position:relative;padding-right:120px}
.form-box__content--chk .form-box__chk{position:absolute;top:50%;right:0;transform:translateY(-50%)}
.form-box__content .period{display:flex}
.form-box__content .period b{display:inline-block;padding:0 10px}
.form-box__content--unit{position:relative;padding-right:50px}
.form-box__content--unit span{padding-right:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.form-box__content--rate{display:flex}
.form-box__counter{position:absolute;bottom:5px;right:20px;font-size:16px;font-weight:400;line-height:22px;color:#ddd}
.form-box__email{display:flex;align-items:center}
.form-box__email b{display:inline-block;padding:0 20px}
.form-box__email select{width:100%;max-width:240px;flex-shrink:0}
.form-box__phone{display:flex;align-items:center}
.form-box__phone select{width:100%;flex-shrink:0}
.form-box__pninput{flex-basis:100%;padding-left:20px}
.form-box__file{display:flex;align-items:center}
.form-box__file label{display:inline-flex;width:200px;height:50px;flex-shrink:0;align-items:center;justify-content:center;background-color:#999;color:#fff;cursor:pointer}
.form-box__guide{margin-top:20px;font-size:14px;font-weight:300;line-height:1.2;color:#666}
.form-box__text{height:100%;font-size:16px;font-weight:400;line-height:22px;word-break:break-word}
.form-box__text--bold{font-weight:500}
.form-box__text a{word-break:break-all}
.form-box__link{margin-top:25px}
.form-box__link a{display:inline-block;font-size:14px;font-weight:400;line-height:1;color:#666}
.form-box__link a.blue{color:#0066e0;font-weight:700}
.form-box__link--flex{display:flex;justify-content:space-between}
.form-box .select-box>button{height:25px;line-height:25px;font-size:16px}
.form-box select{padding-right:20px}
.resume-pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.resume-pop.active{display:block}
.resume-pop__dim{position:relative;width:100%;height:100%;padding:0 20px;background-color:rgba(0,0,0,.3)}
.resume-pop__box{padding:0 20px;display:inline-block;position:absolute;top:50%;left:50%;max-width:700px;width:100%;transform:translate(-50%,-50%)}
.resume-pop__wrap{background-color:#fff;padding:40px}
.resume-pop__head{display:flex;justify-content:space-between}
.resume-pop__head>span{display:block;font-size:26px;font-weight:500;line-height:1}
.resume-pop__close{display:inline-block;width:24px;height:24px;background-image:url(../images/common/btn_allmenu_close.svg);background-position:center;background-size:auto;background-repeat:no-repeat;font-size:0}
.resume-pop__body{padding-top:60px}
.resume-pop__body .btn-wrap{margin-top:80px}
.resume-pop__help{margin-top:30px;font-size:14px;font-weight:400;line-height:20px;color:#666}
.resume-pop__ex{margin-bottom:65px}
.resume-pop__tit{margin-bottom:20px;font-size:18px;font-weight:500;line-height:1}
.resume-pop .form-box__content--find{padding-left:0}
.resume-pop__result{padding:20px 30px;background-color:#f9f9f9}
.resume-pop__result ul{max-height:250px;overflow-y:auto}
.resume-pop__result ul li{margin-top:10px}
.resume-pop__result ul li:first-child{margin-top:0}
.resume-pop__result ul li a{display:inline-block}
.resume-pop__noresult>p{margin-bottom:40px}
.resume-pop__noresult>p b{display:block;margin-bottom:5px}
.resume-pop__noresult>p span{display:block}
.resume-pop__noresult .form-box{margin-top:40px}
.resume-pop__noresult .form-box__wrap{padding-bottom:10px;border-bottom:1px solid #ddd}
.resume-pop__noresult .form-box__content--button{display:flex;align-items:center;padding-left:0}
.resume-pop__noresult .btn-wrap{margin-top:0}
.resume-pop__noresult .btn-square{min-width:120px;height:40px}
.resume-pop__noresult .btn-square .btn-square__text{line-height:40px}
.icon-pop{display:inline-block;position:relative;width:12px;height:12px;vertical-align:initial;margin-left:5px}
.icon-pop--x::before{content:"";display:inline-block;position:absolute;top:50%;left:50%;width:2px;height:12px;background-color:#f82248;transform:translate(-50%,-50%) rotate(45deg)}
.icon-pop--x::after{content:"";display:inline-block;position:absolute;top:50%;left:50%;width:2px;height:12px;background-color:#f82248;transform:translate(-50%,-50%) rotate(135deg)}
.icon-pop--o::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;border:2px solid #259dff}
.terms{margin-top:100px}
.terms__title{margin-bottom:20px;font-size:20px;font-weight:700;line-height:1}
.terms__box{height:150px;overflow-y:scroll;border:1px solid #eee;padding:20px}
.terms__box--bggray{background-color:#f9f9f9;color:#999}
.terms__agree{margin-top:20px}
.terms__guide{margin-top:50px}
.terms .btn-wrap{margin-top:125px}
.default-info{display:flex}
.default-info__left{flex-basis:270px;flex-shrink:0}
.default-info__right{padding-left:100px}
.default-info__image{border:1px solid #ddd;background-color:#f9f9f9}
.default-info__wrap{padding:30px 35px}
.default-info__figure{display:flex;position:relative;justify-content:center;align-items:center;min-height:220px}
.default-info__figure>img{position:relative}
.default-info__guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.default-info__guide span{display:block;margin-top:20px;font-size:16px;font-weight:400;line-height:1;color:#999}
.default-info .btn-wrap{margin-top:0}
.preview{max-width:700px;width:100%;padding:20px;padding-bottom:100px;margin:0 auto}
.preview .form-box__title{font-size:12px;line-height:18px}
.preview .form-box__text{font-size:11px;line-height:18px}
.preview .job-list__wrap{padding:20px 28px 20px 0}
.preview .job-list__title{font-size:18px;line-height:1.2;-webkit-line-clamp:2}
.preview .job-list__info{margin-top:10px}
.preview .job-list__info>ul>li{font-size:11px}
.preview .apply{padding:0}
.preview .apply__head{margin-top:0;margin-bottom:30px}
.preview .apply__content{padding-top:0}
.preview .default-info__left{flex-basis:200px}
.preview .default-info__right{padding-left:30px}
.preview .default-info__wrap{padding:0}
.preview .default-info__figure{height:257px}
.preview .form-box__subject{padding-bottom:10px;margin-bottom:20px;font-size:16px;line-height:18px}
.preview .form-box__wrap{align-items:flex-start;padding-bottom:5px;border-bottom:1px solid #ddd}
.preview .form-box__subject+.form-box__row{margin-top:0}
.preview .form-box__item{margin-top:10px;padding:0 15px}
.preview .form-box__item:first-child{margin-top:0}
.preview .form-box__item--33:nth-child(-n+3){margin-top:0}
.preview .form-box__content{padding-left:0}
.preview .form-box__file label{background-color:#0066e0;color:#fff}
.preview .form-box__item--button{display:flex}
.preview .form-box__item--button .form-box__wrap{flex-basis:100%;align-items:flex-start}
.preview .form-box__item--button .btn-wrap{margin-top:0;padding-left:30px}
.preview .form-box__item--button .btn-preview-file{flex-basis:200px;flex-shrink:0;height:35px;font-size:12px;line-height:35px}
.preview .form-box__wrap--column .form-box__title{margin-bottom:15px}
.preview .form-box__inbox{margin-top:25px}
.preview .form-box__row{margin:0 -15px 20px -15px}
.preview .form-box__row--block .form-box__wrap--column{display:block}
.preview .form-box__row--block .form-box__wrap--column .form-box__content{padding-left:0}
.preview .form-box__row:last-child{margin-bottom:0}
.bottom-nav{position:fixed;bottom:0;width:100%;padding:20px;background-color:#fff;box-shadow:0 -10px 30px 0 rgba(0,0,0,.05)}
.bottom-nav ul{margin:0 -5px;font-size:0}
.bottom-nav ul li{display:inline-block;width:50%;padding:0 5px}
.bottom-nav ul li .btn{width:100%}
.slide-layer{position:fixed;top:0;width:100%;height:100vh;padding:0 40px;background-color:rgba(0,0,0,.5);transition:all .4s;opacity:0;visibility:hidden;z-index:99999999}
.slide-layer.active{opacity:1;visibility:visible}
.slide-layer__box{position:absolute;top:50%;left:50%;max-width:1024px;width:100%;height:calc(100% - 80px);padding:80px 40px;background-color:#fff;transition:all .4s;transform:translate(-50%,-50%)}
.slide-layer__top{position:absolute;top:30px;right:40px}
.slide-layer__top button{width:30px;height:30px;background-image:url(../images/common/close_icon.svg);background-size:cover}
.slide-layer__contents{height:100%;margin:0 auto}
.slide-layer__wrap{height:100%;overflow-y:auto;padding:0 20px}
.slide-layer__wrap::-webkit-scrollbar{width:4px}
.slide-layer__wrap::-webkit-scrollbar-thumb{height:30%;background:#333}
.slide-layer__wrap::-webkit-scrollbar-track{background:rgba(33,122,244,.1)}
.slide-layer__wrap .btn-wrap{margin-top:120px}
.slide-layer__title{padding-bottom:40px;border-bottom:1px solid}
.slide-layer__title h2{font-size:32px;line-height:1.4;font-weight:600}
.slide-layer__date{font-family:Poppins}
.slide-layer__sub{display:flex;justify-content:space-between;margin-top:20px}
.slide-layer__sns{position:relative}
.slide-layer__sns>ul{display:inline-block;font-size:0;white-space:nowrap}
.slide-layer__sns>ul>li{display:inline-block;position:relative;padding:0 15px}
.slide-layer__sns>ul>li a{display:block}
.slide-layer__sns>ul>li:first-child{padding-left:0}
.slide-layer__sns>ul>li:last-child{padding-right:0}
.slide-layer__sns>ul>li:last-child::before{display:none}
.slide-layer__sns>ul>li::before{display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);content:"";width:1px;height:12px;background-color:#eee}
.slide-layer__description{padding-top:40px}
.slide-layer__description p{word-break:break-word}
.slide-layer__text{margin-top:80px}
.slide-layer__text p{font-size:18px;font-weight:300;line-height:30px}
.slide-layer__inbox{width:100%;max-width:900px;margin:0 auto}
.slide-layer__video{position:relative;padding-bottom:56.25%}
.slide-layer__video iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.slide-layer__bottom{display:flex;align-items:center;margin-top:120px;padding-bottom:30px;border-bottom:1px solid #999}
.slide-layer__bottom span{margin-right:59px;font-size:16px;font-weight:600}
.slide-layer__bottom a{font-size:18px;font-weight:500}
.info__contents{width:100%;padding:0 40px;}
.info__title{padding-bottom:40px;border-bottom:1px solid}
.info__title h2{font-size:32px;line-height:1.4;font-weight:600}
.info__sub{margin-top: 20px;}
.info__date{font-family:Poppins}
.info__description{padding-top:40px}
.info__description p{word-break:break-word}
.info__description img{max-width: 100%}
.select-box{position:relative;min-width:150px}
.select-box--small{min-width:150px}
.select-box>button{display:inline-block;width:100%;height:45px;text-align:left}
.select-box>button span{display:-webkit-box;display:inline-block;width:100%;position:relative;padding-right:35px;text-align:left;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.select-box>button span::before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:15px;height:15px;background-image:url(../images/common/icon_selectbox_arrow.svg);background-position:center;background-size:auto;background-repeat:no-repeat;transform:translateY(-50%);transition:.34s ease}
.select-box__list{display:none;position:absolute;top:46px;left:0;width:100%;padding:20px 30px;background-color:#f9f9f9;z-index:1}
.select-box__list li a{display:-webkit-box;display:inline-block;width:100%;text-align:left;font-size:14px;font-weight:500;line-height:34px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#999}
.select-box__list li a:hover{color:#000}
.select-box.active>button span::before{transform:translateY(-50%) rotate(180deg)}
.select-box.active .select-box__list{display:block}
.half-layout__img{flex-basis:230px;flex-shrink:0;display:flex;align-items:center}
.article--rail{position:relative}
.article--magoklink{background-image:url(../images/common/img_ourservice_bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.article--magoklink .row{position:relative}
.article--magoklink .magok-link{position:absolute;bottom:120px;left:50%;transform:translateX(-50%)}
.article--magoklink .magok-link .btn{white-space:nowrap}
.article--rail img{width:100%}
.wide-box{position:absolute;bottom:100px;right:160px;height:auto;padding:0}
.system__box{position:relative;padding:30px 10px;border-right:1px solid #eee}
.system__name--ko{font-size:20px;line-height:20px;font-weight:700;color:#000}
.system__name--en{font-family:Poppins;margin-top:20px;font-size:14px;line-height:1}
.system__list{display:flex;flex-wrap:wrap;border:1px solid #ddd}
.system__list li{align-self:center;width:33.3333333333%;padding:40px 0;text-align:center}
.system__list li:nth-child(-n+3){border-bottom:1px solid #ddd}
.system__list li .system__box:after{content:"";display:inline-block;position:absolute;right:-16px;top:50%;margin-top:-14px;width:34px;height:30px;background-image:url(../images/common/icon_recruit_hex.svg)}
.system__list li:nth-child(3) .system__box::after{display:none}
.system__list li:last-child .system__box::after{display:none}
.system__split{display:flex;justify-content:space-between}
.system__split--big{align-items:center}
.system__split--big .system__split-left{flex-basis:calc(100% - 540px)}
.system__split--big .system__split-right{flex-basis:440px}
.system__split-left{flex-basis:595px}
.system__split-left img{width:100%}
.system__split-right{flex-basis:calc(100% - 695px)}
.system__evaluation{margin-top:100px;border-top:1px solid #666}
.system__evaluation li{display:flex;align-items:center;padding:30px 20px}
.system__evaluation li~li{border-top:1px solid #ddd}
.system__evaluation b{flex-basis:180px;font-size:18px;font-weight:500}
.system__evaluation span{flex-basis:374px;font-size:16px}
.system__development li:not(:last-child){margin-bottom:60px}
.system__development b{font-size:20px;line-height:20px;font-weight:500}
.system__development p{margin-top:20px;margin-bottom:0;font-size:16px;line-height:22px;font-weight:300}
.system__benefits{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd}
.system__benefits li{flex-basis:20%;padding:35px 20px 28px 20px;border-top:1px solid #ddd;border-right:1px solid #ddd}
.system__benefits li:nth-child(5n+1){border-left:1px solid #ddd}
.system__benefits li>*{display:block;text-align:center}
.system__benefits li b{margin-top:33px;font-size:18px;line-height:1;font-weight:500}
.system__benefits li p{margin-bottom:0;margin-top:10px;font-size:16px;line-height:22px;text-align:center}
.system--white .system__list li{display:flex;min-height:310px;align-items:center;justify-content:center}
.system--white .system__box{width:100%}
.system--white .system__title{font-family:Poppins;font-size:14px;font-weight:500;line-height:1;color:#0066e0}
.system--white .system__subtitle{margin-top:30px;font-family:spoqa;font-size:20px;font-weight:500;line-height:30px}
.system--white .system__text{margin-top:10px;font-size:16px;font-weight:300;line-height:1}
.system--rank .system__list{border:none;margin-left:30px}
.system--rank .system__list li{width:20%;margin-left:-30px;border-bottom:none;background-image:url(../images/common/system_box_bg.svg);background-position:center;background-size:contain;background-repeat:no-repeat}
.system--rank .system__list li .system__box{border-right:none}
.system--rank .system__list li .system__box .system__icon{margin-bottom:30px}
.system--rank .system__list li .system__box .system__icon img{width:60px}
.system--rank .system__list li .system__box .system__name--en{margin-top:15px}
.system--rank .system__list li .system__box::after{display:none}
.system--rank .system__list li:first-child{z-index:5}
.system--rank .system__list li:nth-child(2){z-index:4}
.system--rank .system__list li:nth-child(3){z-index:3}
.system--rank .system__list li:nth-child(4){z-index:2}
.system--rank .system__list li:nth-child(5){z-index:1}
.col-box ul{font-size:0;margin:0 -25px}
.col-box ul li{display:inline-block;width:33.3333%;padding:0 25px}
.col-box .fullbox__wrap{padding:0}
.col-box .fullbox__top{margin-bottom:40px}
.col-box .fullbox__title{font-size:20px;line-height:30px}
.hexa-prc{border:1px solid #ddd}
.hexa-prc ul{display:flex}
.hexa-prc ul li{flex:1;min-height:200px;padding:65px 0;text-align:center;border-right:1px solid #ddd}
.hexa-prc ul li:last-child{border-right:none}
.hexa-prc__icon{display:inline-block;justify-items:center;align-items:center;width:40px;height:36px;background-image:url(../images/common/icon_hexa_prc.svg);background-size:auto;background-position:center;background-repeat:no-repeat;font-family:Poppins;font-size:14px;line-height:36px;color:#fff}
.hexa-prc__icon--active{background-image:url(../images/common/icon_hexa_prc_on.svg)}
.hexa-prc__text{margin-top:30px;font-size:18px;font-weight:500;line-height:28px}
.title-div__text--fit>p{margin-top:0}
.revbox--nomargin .revbox__row{margin-top:0}
.revbox--nomargin .revbox__title{margin-top:54px;font-size:30px}
.revbox--nomargin .revbox__content{padding-left:140px;padding-right:180px;font-size:18px}
.revbox--nomargin .revbox__text{margin-top:20px}
.revbox--nomargin .revbox__rowreverse .revbox__content{padding:0 160px}
.revbox--bggray{background-color:#f9f9f9}
.category{font-size:14px;font-weight:500;line-height:20px}
.sub-section__inbox{position:relative;width:100%;max-width:1600px;padding:190px 0 50px 0;margin:0 auto;z-index:2}
.sub-recruit{position:relative;height:auto}
.sub-recruit__title{font-size:50px;font-weight:700;line-height:1}
.sub-recruit__wrap{margin-top:49px}
.sub-recruit__contents{width:100%;color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.sub-recruit__bg{position:absolute;top:0;left:0;width:100%;height:100%}
.sub-recruit__bg .swiper-slide{overflow:hidden}
.sub-recruit__bg .swiper-slide>div{position:relative;height:100%}
.sub-recruit__bg .swiper-slide>div img{position:absolute;top:50%;left:50%;min-width:100%;max-width:none;width:auto;min-height:100%;height:auto;transform:translate(-50%,-50%)}
.sub-recruit__nav{position:relative;width:100%;bottom:0!important;font-size:0}
.sub-recruit__control{position:relative;width:100%;margin-top:100px;padding-top:30px;text-align:center;z-index:2}
.sub-recruit .swiper-pagination-bullet{opacity:1;display:inline-block;width:7px;height:6px;margin:0 7px!important;background-image:url(../images/main/icon_kv_off.png);background-color:rgba(0,0,0,0);background-position:center;background-size:100% auto;background-repeat:no-repeat;vertical-align:middle;transition:.37s ease}
.sub-recruit .swiper-pagination-bullet-active{width:12px;height:10px;background-image:url(../images/main/icon_kv_on.png)}
.service-box{text-align:center}
.service-box__title{font-size:50px;font-weight:600;line-height:1}
.service-box__text{margin-top:30px;font-size:18px;font-weight:300;line-height:28px}
.color-change__item{display:flex;align-items:center;padding:186px 160px}
.color-change__item.active .color-change__left{color:#0066e0}
.color-change__left{flex-basis:718px;flex-shrink:0;font-size:120px;font-weight:500;line-height:1;color:#ddd;text-align:center;transition:.34s ease}
.color-change__right{flex:1;padding-left:160px}
.color-change__title{font-size:36px;font-weight:700;line-height:46px}
.color-change__text{margin-top:20px;font-size:18px;font-weight:300;line-height:28px}
.corevalue-ani{display:flex;position:relative;height:100%;justify-content:center;align-items:center;background-color:#000}
.corevalue-ani__bg{position:absolute;top:50%;left:50%;width:100%;height:100%;background-image:url(../images/common/bg_core_value_01.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;transform:translate(-50%,-50%)}
.corevalue-ani__slogan{opacity:0;display:inline-block;position:absolute;top:50%;left:50%;font-size:26px;font-weight:300;line-height:36px;color:#fff;transform:translate(-50%,-50%)}
.corevalue-ani__text{display:flex;width:100%;justify-content:center;align-items:stretch;font-size:100px;font-weight:400;line-height:1;color:#fff;position:absolute;top:50%;transform:translateY(-50%);opacity:0}
.corevalue-ani__subtext{margin-top:270px;position:relative;opacity:0;font-size:26px;font-weight:500;line-height:36px;color:#fff;text-align:center}
.corevalue-ani__left{display:flex;justify-content:flex-end}
.corevalue-ani__left strong{white-space:nowrap;font-weight:500}
.corevalue-ani__right{display:flex;white-space:nowrap;justify-content:flex-start;font-weight:200}
.corevalue-ani__padding{display:flex;width:100%}
.corevalue-box{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center;text-align:center}
.corevalue-box__title{font-size:36px;font-weight:700;line-height:46px;color:#fff}
.corevalue-box__text{margin-top:50px;font-size:16px;font-weight:300;line-height:22px;color:#fff}
.etcterm__head{text-align:right;margin-bottom:50px}
.etcterm__select{display:inline-block;min-width:340px;border:1px solid #e9e9e9}
.etcterm__select .select-box{padding:0 25px}
.etcterm__row{margin-top:60px}
.etcterm__row:first-child{margin-top:0}
.etcterm__title{font-size:18px;font-style:normal;font-weight:500;line-height:28px}
.etcterm__content{margin-top:12px}
.etcterm__content>ul>li{margin-top:10px}
.etcterm__content>ul>li:first-child{margin-top:0}
.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%}
.error-page__figure img{display:inline-block}
.error-page__title{margin-top:60px;font-size:30px;font-weight:500;line-height:40px}
.error-page__text{margin-top:40px;font-size:16px;font-weight:300;line-height:26px}
.error-page .btn-wrap{margin-top:100px}
.renewal-page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%}
.renewal-page__figure img{display:inline-block}
.renewal-page__title{margin-top:60px;font-size:30px;font-weight:500;line-height:40px}
.renewal-page__text{margin-top:40px;font-size:16px;font-weight:300;line-height:26px}
.pastpresent{position:relative;max-width:1092px;padding-left:25%}
.pastpresent__figure--01{padding-left:300px;text-align:right}
.pastpresent__figure--02{margin-top:-180px;padding-right:270px;text-align:left}
.pastpresent__text{position:absolute;bottom:0;left:0;color:#fff}
.pastpresent__text b{display:inline-block;margin-right:10px}
.apply__leftsub div{font-size:30px;font-weight:700;line-height:1}
.apply__leftsub span{margin-left:10px;font-size:14px;font-weight:300;vertical-align:baseline}
.apply__detailwrap--nodata table tbody tr td{padding:0;border:none}
.apply__detailwrap--nodata table tbody tr td .btn-wave__text{position:static;top:auto;left:auto;transform:none;font-size:16px;font-weight:600}
.apply__detailwrap--nodata table tbody tr td .btn-wave__text::before{top:0;background-image:none}
.apply__detailwrap--nodata table tbody tr td .btn-wave__text::after{display:inline-block;position:absolute;content:"";width:16px;height:16px;margin-left:10px;background-image:url(../images/common/btn_arrow.png);background-position:center;background-size:auto;vertical-align:middle}
.apply__detailwrap--nodata table tbody tr td:first-child{padding:0;text-align:center}
.apply__detailwrap--nodata table tbody tr td:first-child .apply__nodatainner{position:relative;width:100%;padding:40px 0;text-align:center}
.job{position:relative;margin-top:120px}
.job__contents{display:flex}
.job__leftbox{position:relative;flex-shrink:0;flex-basis:385px}
.job__leftbox ul{position:absolute;top:0}
.job__leftbox ul.active{position:fixed;top:150px}
.job__leftbox ul.active.bottom{position:absolute;top:auto;bottom:0}
.job__leftbox ul li{padding:10px 0;font-size:20px;font-weight:700;color:#b3b3b3;cursor:pointer;transition:transform .32s ease-in-out;transform-origin:left center}
.job__leftbox ul li:first-child{padding-top:0}
.job__leftbox ul li.active{transform:scale(1.6);color:#000}
.job__leftbox ul li.active:first-child{padding-top:0}
.job__leftbox ul li.active:last-child{padding-bottom:0}
.job__rightbox{flex-basis:100%}
.job__card{margin-bottom:140px}
.job__card:last-child{margin-bottom:0}
.job__visual{position:relative}
.job__visual::before{position:absolute;top:0;right:0;content:"";width:100%;height:100%;background:#fff;transition:width .83s ease-out}
.job__visual.aos-animate::before{width:0%}
.job__list{padding-top:60px}
.job__listrow:last-child{margin-bottom:0}
.job__listrow .no-line{border:none}
.job__listrow ul{display:flex;flex-wrap:wrap;width:100%}
.job__listrow ul li{flex-shrink:0;flex-basis:50%;margin-top:60px}
.job__listrow ul li:nth-child(-n+2){margin-top:0}
.job__listrow ul li:nth-child(odd){padding-right:25px}
.job__listrow ul li:nth-child(even){padding-left:25px}
.job__listrow ul li div{font-size:20px;line-height:30px;font-weight:700}
.job__listrow ul li p{margin-top:10px;font-size:16px;font-weight:300}
.company-mesg__circle{display:flex;justify-content:center}
.company-mesg__item{display:flex;align-items:center;flex-direction:column;text-align:center}
.company-mesg__title{display:inline-block;font-size:26px;font-weight:500}
.company-mesg__title--nuff{margin-top:5%;margin-right:0}
.company-mesg__text{font-size:16px;font-weight:300;margin-top:4px;flex-shrink:0}
.company-mesg__item-01{padding-left:20px}
.company-mesg__item-02{padding:209px 0 0 0}
.company-mesg__item-03{padding:0}
.company-mesg__item-04{padding:215px 0 0 50px}
.company-mesg__item-05{flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:4%}
.company-mesgmobile__wrap{display:none}
.company-mesgmobile__title{border:10px solid #f9f9f9;padding:55px 15px;text-align:center;font-size:20px;font-weight:500}
.company-mesgmobile__list{padding-left:29px}
.company-mesgmobile__list ul{border-left:1px solid #ddd;padding-top:40px}
.company-mesgmobile__list ul li{display:flex;flex-direction:column;margin-bottom:35px;padding-left:21px;position:relative}
.company-mesgmobile__list ul li::before{position:absolute;top:5px;left:-6px;content:"";background-image:url(../images/common/hexagon_shape.png);width:11px;height:10px}
.company-mesgmobile__list ul li span{font-size:16px;font-weight:300}
.company-mesgmobile__list ul li span:first-child{font-size:20px;font-weight:500;margin-bottom:15px}
.arch-mo-img{display:none}
.promotion-mo{display:none}
.promotion-pc{display:block}
.patent__wrap{display:flex}
.patent__chart{flex-basis:100%}
.patent__chart h5{font-size:26px;font-weight:500;line-height:33px}
.patent__chartwrap{margin-left:-34px;margin-top:50px;height:710px}
.patent__bottomwrap ul{display:flex;flex-wrap:wrap;gap:50px}
.patent__item{flex:1;padding:40px;border:1px solid #ddd}
.patent__imgwrap{text-align:right;margin-bottom:50px}
.patent__subtitle{font-size:20px;font-weight:500;margin-bottom:20px}
.patent__text{font-size:16px;font-weight:300}
.ancbox-car{margin-top:294px;position:relative}
.ancbox-car__imgwrap{position:relative;background-color:none;z-index:2}
.ancbox-car__imgwrap img{width:100%;transition:all 1s;z-index:0}
.ancbox-car__partswrap{display:none}
.ancbox-car__partswrap.active{display:block}
.ancbox-car__item{min-width:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all 1s;opacity:0;margin:0;z-index:1}
.ancbox-car__item.ancbox-car__item--01 .ancbox-car__text,.ancbox-car__item.ancbox-car__item--02 .ancbox-car__text,.ancbox-car__item.ancbox-car__item--03 .ancbox-car__text,.ancbox-car__item.ancbox-car__item--09 .ancbox-car__text{margin-bottom:27px;margin-top:0}
.ancbox-car.active .ancbox-car__item{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ancbox-car.active .ancbox-car__item--01{margin:-42% 0 0 2%}
.ancbox-car.active .ancbox-car__item--02{margin:-10% 0 0 -33%}
.ancbox-car.active .ancbox-car__item--03{margin:11% 0 0 -41%}
.ancbox-car.active .ancbox-car__item--04{margin:-28% 0 0 44%}
.ancbox-car.active .ancbox-car__item--05{margin:25% 0 0 18%}
.ancbox-car.active .ancbox-car__item--06{margin:37% 0 0 0}
.ancbox-car.active .ancbox-car__item--07{margin:29% 0 0 -26%}
.ancbox-car.active .ancbox-car__item--08{margin:-26% 0 0 -20%}
.ancbox-car.active .ancbox-car__item--08 .ancbox-car__text{margin-bottom:20px}
.ancbox-car.active .ancbox-car__item--09{margin:-39% 0 0 28%}
.ancbox-car.active .ancbox-car__item--10{margin:-7% 0 0 45%}
.ancbox-car.active .ancbox-car__item--10 .ancbox-car__text{margin-top:20px}
.ancbox-car.active .ancbox-car__item--11{margin:11% 0 0 33%}
.ancbox-car.active .ancbox-car__item--11 .ancbox-car__text{margin-top:37px}
.ancbox-car__text{border-bottom:1px solid #eee;padding-bottom:4px;display:flex;align-items:center;margin-top:27px}
.ancbox-car__title{font-size:16px;font-weight:500;padding-right:10px}
.ancbox-car__sub{font-size:14px;font-weight:300}
.down-pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999}
.down-pop.active{display:block}
.down-pop__close{display:inline-block;width:24px;height:24px;background-image:url(../images/common/btn_allmenu_close.svg);background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0}
.down-pop__wrap{width:100%;height:100%;background-color:rgba(0,0,0,.3)}
.down-pop__inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:100px 20px;overflow-y:auto}
.down-pop__box{max-width:700px;width:100%;margin:0 auto;padding:20px;background-color:#fff}
.down-pop__head{margin-bottom:36px;text-align:right}
.down-pop__body .terms{margin-top:50px}
.down-pop__input .form-box__row{margin:0 0 30px 0}
.down-pop__input .form-box__item{padding:0}
.down-pop__foot{margin-top:80px}
.down-pop .text-gray{display:inline-block;margin-left:5px;font-size:16px;font-weight:700;color:#999;line-height:1;vertical-align:middle}
/*pages*/
.paging_area {text-align:center;font-size:0;line-height:0;margin: 100px auto 0;}
.paging_area a,
.paging_area span {display:inline-block;width:36px;height:36px;line-height:34px;text-align:center;vertical-align:middle;font-size:16px;}
.paging_area a img {vertical-align:top}
.paging_area span a {}
/*.paging_area span.first,
.paging_area span.prev,
.paging_area span.next,
.paging_area span.last {padding:0;}*/
.paging_area span.first {margin-right:8px;}
.paging_area span.prev {margin-right:8px;}
.paging_area span.prev a {background:url('../images/common/arr_pagePrev.png') no-repeat center center/7px auto; font-size: 0}
/*.paging_area span.next {margin-left:8px;}*/
.paging_area span.next a {background:url('../images/common/arr_pageNext.png') no-repeat center center/7px auto; font-size: 0}
/*.paging_area span.last {margin-left:8px;}*/
.paging_area a {color:#90a0a6;}
.paging_area > a {/*margin:0 8px;*/margin:0 2px;}
/*.paging_area > a:hover {color:#1e282c; border:1px solid #e5e9eb;}*/
.paging_area > .current {margin:0 8px;color:#1e282c;font-weight:700;border:1px solid #e5e9eb;border-radius:4px;}

.prd_view_wrap{float: none;width: 100%;}
.prd_view_wrap .vip_setion_top {position:relative;margin: 0 auto;display:block; max-width: 1680px;}
.prd_view_wrap .vip_setion_top .section_left {position: relative;left:0;top:0;bottom:inherit;width:40%; float:left}
.prd_view_wrap .vip_setion_top .section_left.fixed {position:fixed;left:50%;margin-left:-50%;}
.prd_view_wrap .vip_setion_top .section_left.bottom {position: absolute;left:0;top:inherit;bottom:50px;}
.prd_view_wrap .vip_setion_top .section_right {width:60%;float: right;padding-left: 20px;font-size: 24px;line-height: 1.5;}
.prd_view_wrap .vip_setion_top .section_right .groupBox {padding:0 18px 25px;background: #fff;border-radius:8px;}
.prd_view_wrap .vip_setion_top:after {content:'';display: block;clear:both;}
.vip_visualInfo {position:relative;}
.vip_visualInfo .visual_slide .item {text-align:center;overflow: hidden; opacity: 0!important;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.vip_visualInfo .visual_slide .item img{height: 100%}
.vip_visualInfo .visual_slide .item.swiper-slide-active{opacity: 1!important}
.vip_visualInfo .visual_thumbs {width:380px;margin:20px auto 0;padding:0 28px;}
.vip_visualInfo .visual_thumbs .item {width: 72px !important;height:72px;background: #fff;border:1px solid #e5e9eb;border-radius:4px;cursor:pointer;}
.vip_visualInfo .visual_thumbs .item.active {border:2px solid #1b2529;}
.vip_visualInfo .visual_thumbs .swiper-slide-thumb-active {border:2px solid #1b2529;}
.vip_visualInfo .visual_thumbs .swiper-button-next {right: 0;background:#f2f4f5 url('../images/common/arr_right11.png') no-repeat center center;}
.vip_visualInfo .visual_thumbs .swiper-button-prev {left: 0;background:#f2f4f5 url('../images/common/arr_left11.png') no-repeat center center;}
.vip_visualInfo .visual_thumbs .swiper-button-next,
.vip_visualInfo .visual_thumbs .swiper-button-prev {top:0;width:16px;height:100%;margin-top:0;}
.vip_visualInfo .visual_thumbs .swiper-button-next:after,
.vip_visualInfo .visual_thumbs .swiper-button-prev:after {display:none;}
.vip_visualInfo .visual_thumbs:hover .swiper-button-next.swiper-button-disabled,
.vip_visualInfo .visual_thumbs:hover .swiper-button-prev.swiper-button-disabled {opacity:0.35;}

@media screen and (max-width:1800px){
    .fullbox--greeting .fullbox__content--01 .fullbox__titlebg{right:0}
    .fullbox--greeting .fullbox__content--02 .fullbox__titlebg{left:0}
    .fullbox--greeting .fullbox__content--03 .fullbox__titlebg{right:0}
}
@media screen and (max-width:1600px){
    .gnb-menu{width:180px}
    .gnb-menu>a{font-size:16px}
    .gnb-sub__list>li{width:180px}
    .gnb-sub__title{font-size:14px}
    .gnb-sub__item>a{font-size:14px}
    .gnb-bg{height:570px}
    .gnb-ci{width:calc(50% - 360px);padding:25px 30px 0}
    .btn-ci{padding-bottom:20px}
    .btn-ci__text{font-size:14px;line-height:20px}
    .fullbox--greeting{margin-top:-300px}
    .color-change__item{padding:140px 60px}
    .color-change__right{padding-left:30px}
    .color-change__left{flex-basis:648px;font-size:90px}
    .color-change__title{font-size:26px;line-height:36px}
    .color-change__text{font-size:16px;line-height:26px}
    .fullbox__top{margin-bottom:20px}
    .fullbox__small{margin-bottom:10px}
    .fullbox__wrap{padding:0 0 0 70px}
    .fullbox__content--tal .fullbox__wrap{padding:0 70px 0 0}
}
@media screen and (max-width:1480px){
    .pcv{display:block}
    .ssv{display:none}
    .mov{display:none}
    .gnb-menu{width:140px}
    .gnb-sub__list>li{width:140px}
    .gnb-sub__item>a{padding:5px}
    .gnb-sub__title{padding:5px}
    .gnb-sub__wrap--fw .gnb-sub__item a{padding:5px}
    .gnb-bg{height:420px}
    .gnb-ci{width:calc(50% - 280px);padding:20px 25px 0}
    .btn-ci{padding-bottom:15px}
    .footer__left{display:block}
    .footer__wrap{align-items:flex-start}
    .copyright{display:block;margin-top:20px}
    .footer__sns{margin-right:20px}
    .footer__item{padding:0 10px}
    .subkv__title{font-size:80px}
    .tbl--product{min-width:1480px}
    .tbl-wrap{overflow-x:auto}
    .btn-filter{font-size:12px;line-height:18px}
    .box{display:block}
    .box__left{display:block}
    .box__right{display:block}
    .box__left.target-container{display:none}
    .sub-title{max-width:none;margin-bottom:60px}
    .sub-title--nomb{margin-bottom:0}
    .sub-title.target-el{display:none}
    .row.origin-container{min-height:auto}
    .article .box__left{margin-bottom:70px}
    .article .box__left .sub-title{margin-bottom:30px}
    .article.horizontal-parallax{height:100vh;padding:0;overflow:hidden;box-sizing:border-box}
    .article.horizontal-parallax .row{height:100%}
    .article.horizontal-parallax .box{display:flex;flex-direction:column;justify-content:center;height:100%}
    .article.horizontal-parallax .box__left{flex-basis:auto}
    .article.horizontal-parallax .box__right{flex-basis:auto}
    .plx-box{padding:0}
    .plx-box__row{margin-top:60px}
    .plx-box__row--left .plx-box__item{padding-right:50px}
    .plx-box__row--right .plx-box__item{padding-left:50px}
    .box--hide::before{display:none}
    .prdslider{position:relative}
    .prdslider::after{content:"";display:inline-block;position:absolute;top:-1px;left:-40px;width:40px;height:100%;background-color:#fff}
    .list--story>li .list__figure{flex-basis:600px}
    .story-slider .swiper-pagination{left:650px}
    .rprocess__list{margin:0 -30px}
    .rprocess__item{padding:0 30px}
    .bizarea__text{width:70%}
    .bizarea__inview{padding:50px 100px}
    .schema-box__content--left{width:450px}
    .schema-box__content--right{width:calc(100% - 450px);padding-left:60px}
    .tbl-wrap .tbl.tbl--type2{text-align:center!important}
    .chart--column .tablewrap__guide{opacity:0;visibility:hidden}
    .fullbox--greeting .fullbox__content .fullbox__wrap{padding:0}
    .fullbox--greeting .fullbox__left{padding-right:80px}
    .fullbox--greeting .fullbox__reversecontent .fullbox__left{padding-right:80px}
    .fullbox--greeting .fullbox__title .fullbox__titlebg{font-size:100px}
    .fullbox--greeting .fullbox__content--02 .fullbox__titlebg{top:-240px}
    .fullbox--greeting .fullbox__content--03 .fullbox__titlebg{top:-240px}
    .corevalue-ani__text{font-size:80px}
    .origin-el.over{transform:none!important;opacity:1!important;visibility:visible!important}
    .article .top-lab{margin-bottom:40px}
    .article .top-lab h4{line-height:34px}
    .sub-title .sub-title--bottom{margin-top:23px}
    .list--at{padding-left:0;padding-bottom:100px}
    .br-none{display:none}
    .floor__inbox{padding:100px 0 100px 100px}
    .fullbox__title{font-size:25px}
    .fullbox__subtitle{font-size:18px}
    .fullbox__text p{font-size:16px}
    .ancbox-car.active .ancbox-car__item--02{margin:-13% 0 0 -29%}
    .ancbox-car.active .ancbox-car__item--03{margin:4% 0 0 -38%}
    .ancbox-car.active .ancbox-car__item--04{margin:-26% 0 0 41%}
    .ancbox-car.active .ancbox-car__item--05{margin:24% 0 0 14%}
    .ancbox-car.active .ancbox-car__item--06{margin:34% 0 0 -8%}
    .ancbox-car.active .ancbox-car__item--07{margin:25% 0 0 -30%}
    .ancbox-car.active .ancbox-car__item--11{margin:12% 0 0 27%}
    .ancbox-car{margin-top:237px}
}
@media screen and (max-width:1280px){
    body.scroll-lock{isolation:isolate;touch-action:none;-ms-touch-action:none}
    .gnb{display:none}
    .gnb-sub{display:none!important}
    .gnb-bg{display:none!important}
    .header.active{box-shadow:1px 9px 15px 1px rgba(0,0,0,.04);-webkit-box-shadow:1px 9px 15px 1px rgba(0,0,0,.04);-moz-box-shadow:1px 9px 15px 1px rgba(0,0,0,.04)}
    .header__logo{left:40px}
    .header__wrap{height:70px;padding:0 40px}
    .header__menu{right:20px}
    .header__menu>ul{display:none}
    .all-menu{max-width:769px;width:100%}
    .all-menu__box{width:100%}
    .breadcrumb{display:none}
    .subkv__title{font-size:60px;line-height:70px}
    .sub__keyvisual--small{margin-top:70px}
    .sub__keyvisual--small .subkv__title{font-size:32px}
    .article{padding:120px 0}
    .article.article--top{padding:100px 0 0 0}
    .article.article--shorttop{padding:100px 0 120px 0}
    .article.article--midtop{padding-top:120px}
    .article.article--shortbottom{padding:120px 0 20px 0}
    .article.article--nopd{padding:0}
    .article--nobpd{padding-bottom:0}
    .article.horizontal-parallax{padding:120px 0}
    .article--nobottom{padding:120px 0 0 0}
    .article--midbottom{padding:120px 0 70px 0}
    .article--notop{padding:0 0 120px 0}
    .article--halfpd{padding:60px 0}
    .title{font-size:40px}
    .sub-title--ko>h4{font-size:32px;line-height:42px}
    .sub-title>h4{font-size:40px;line-height:36px}
    .dot-title{font-size:14px;line-height:20px}
    .slogan{font-size:30px;line-height:50px}
    .slogan--gov{margin-bottom:100px}
    .box__right>p{font-size:16px;line-height:22px}
    .company__mid{font-size:22px}
    .tiles--carbon{margin-top:80px}
    .tiles__bottom{font-size:20px;line-height:30px}
    .tiles__figure{flex-basis:140px}
    .plx-box__row{margin-top:40px}
    .plx-box__wrap{padding-top:30px}
    .plx-box__top{font-size:20px}
    .plx-box__bottom{font-size:14px;font-weight:300;line-height:20px}
    .prdslider__text{margin-top:30px}
    .prdslider__item{max-width:460px}
    .prdslider__top{font-size:20px;line-height:1}
    .prdslider__bottom{font-size:16px;line-height:22px}
    .list__title{font-size:22px;line-height:32px}
    .list--story>li{align-items:flex-start}
    .list--story>li .list__contents>p{font-size:16px;line-height:22px}
    .list--story>li .list__figure{flex-basis:350px}
    .story-slider .swiper-pagination{left:400px}
    .slide-layer__wrap{padding:0 20px 40px}
    .slide-layer__title h2{font-size:26px}
    .slide-layer__title{padding-bottom:60px}
    .slide-layer__description{padding-top:90px}
    .slide-layer__bottom{margin-top:90px}
    .promotion--brochure .promotion__figure{flex-basis:180px}
    .promotion--brochure .promotion__content h2{font-size:22px;line-height:32px}
    .promotion--brochure .promotion__item{margin-top:50px}
    .promotion--brochure .promotion__item:nth-child(-n+3){margin-top:50px}
    .promotion--brochure .promotion__item:nth-child(-n+2){margin-top:0}
    .promotion--brochure .promotion__inbox{padding-bottom:50px}
    .promotion--brochure__download a{margin-right:20px}
    .network__figure{width:800px}
    .sub-title--ko>h4{font-size:28px}
    .network__top{margin-bottom:100px}
    .network__bottom .box__right .box__wrap h5{margin-bottom:20px;font-size:20px;line-height:26px}
    .network__bottom .box__right .box__wrap p{margin-bottom:100px}
    .number__list{margin:0 -20px}
    .number__list>li{padding:0 20px}
    .promotion--fourcol .promotion__wrap ul{margin:0 -30px}
    .promotion--fourcol .promotion__item{padding:0 30px}
    .job-list__wrap{padding:30px 20px}
    .job-list__content{padding-left:30px}
    .recruit-view{display:block}
    .recruit-view__left{padding-right:0}
    .recruit-view__right{display:none}
    .recruit-view__head .job-list__title{font-size:20px}
    .rprocess__list{flex-wrap:wrap;margin:0 -25px}
    .rprocess__item{flex-basis:33%;flex-shrink:0;flex-grow:0;padding:25px}
    .rprocess__item:nth-child(3)::before{display:none}
    .box__wrap p{line-height:22px}
    .title-div{display:block;gap:unset;align-items:normal}
    .title-div .slogan{flex-basis:auto;flex:1}
    .title-div__text{margin-top:40px}
    .tri-hexa{margin-top:120px}
    .floating-box__inbox{max-width:475px}
    .article-squarewrap{padding:120px 0 0 0}
    .col-box .fullbox__wrap{border-bottom:none}
    .hexa-prc ul{flex-wrap:wrap}
    .hexa-prc ul li{border-top:1px solid #ddd;flex-basis:33.3333%}
    .hexa-prc ul li:nth-child(-n+3){border-top:none}
    .hexa-prc ul li:nth-child(3n){border-right:none}
    .hexa-prc__text{margin-top:30px;font-size:22px;line-height:32px}
    .dir-wrap__center{max-width:500px}
    .dir-wrap__imgbox{height:220px}
    .dir-wrap__inbox{min-width:215px}
    .dir-wrap__left{padding-right:0}
    .dir-wrap__right{padding-left:0}
    .dir-wrap__inbox--ltbox{margin-top:-50px}
    .dir-wrap__inbox--rtbox{margin-top:-50px}
    .dir-wrap__inbox--lbbox{margin-top:55%}
    .dir-wrap__inbox--rbbox{margin-top:55%}
    .dir-wrap__left .dir-wrap__text{padding-right:20px}
    .dir-wrap__right .dir-wrap__text{padding-left:20px}
    .dir-wrap__imgbox{height:200px;font-size:16px}
    .dir-wrap__figure{flex-basis:100px}
    .dir-wrap__center{max-width:400px}
    .dir-wrap__inbox--lbbox{margin-top:42%}
    .dir-wrap__inbox--rbbox{margin-top:42%}
    .meeting{padding:40px}
    .meeting__icon{width:60px;height:60px}
    .meeting__content{padding-left:30px}
    .meeting__box--left{padding-right:30px}
    .meeting__box--right{padding-left:30px}
    .dhexa__wrap{width:300px;height:300px;padding:0 50px}
    .dhexa__title{font-size:16px}
    .sub-banner{height:300px}
    .sub-banner--xl{height:450px}
    .fullbox--greeting .fullbox__wrap{padding:0;border-bottom:0}
    .fullbox__content--tal .fullbox__wrap{padding:50px 0 70px}
    .fullbox--greeting .fullbox__content .fullbox__right{margin-top:40px}
    .fullbox--greeting .fullbox__reversecontent .fullbox__right{margin-top:0}
    .fullbox--greeting .fullbox__reversecontent .fullbox__left{margin-top:40px}
    .fullbox--greeting .fullbox__reversecontent .fullbox__wrap{padding:0}
    .fullbox--greeting .fullbox__content:last-child .fullbox__wrap{margin-bottom:0}
    .recruit-view__body>.btn-wrap{display:flex;justify-content:center}
    .recruit-view__body>.view-float__bottom{display:block}
    .fullbox--greeting{margin-top:0}
    .fullbox--greeting .fullbox__left{padding-right:0}
    .fullbox--greeting .fullbox__right{padding-left:0}
    .fullbox--greeting .fullbox__content .fullbox__titlebg{display:none}
    .fullbox--greeting .fullbox__title{font-size:30px;line-height:40px}
    .fullbox--greeting .fullbox__subtitle{margin-top:20px;margin-bottom:40px}
    .fullbox--greeting .fullbox__content{margin-top:150px}
    .fullbox--greeting .fullbox__wrap{margin-bottom:0}
    .fullbox--greeting .fullbox__content .fullbox__right{padding-bottom:0}
    .fullbox--greeting .fullbox__reversecontent .fullbox__left{padding-bottom:0}
    .fullbox--greeting .fullbox__reversecontent .fullbox__left{padding:0}
    .ind-overview{height:auto}
    .ind-overview__list{display:block;height:auto;min-height:auto}
    .ind-overview__list>li{width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
    .ind-overview__wrap{padding:50px 20px}
    .ind-overview__list>li.active .ind-overview__wrap{padding:105px 20px}
    .ind-overview__list>li.active .ind-overview__content{display: block}
    .ind-overview__list>li .ind-overview__content{display:none}
    .ind-overview__list>li .title--overview>p{display:none}
    .ind-overview__content{margin-top:50px}
    .company__list--black .company__bottom{font-size:24px}
    .history-tab{top:70px}
    .ind-overview__list>li{display:block}
    .ind-overview__list>li.active{flex-shrink:1;flex-basis:100%}
    .ind-overview__wrap{display:block}
    .revbox--nomargin .revbox__rowreverse .revbox__content{padding:0 60px}
    .color-change__left{font-size:70px;flex-basis:500px}
    .corevalue-ani__text{font-size:60px}
    .product__description{max-height:150px;overflow-y:auto}
    .half-layout__box{padding:15px}
    .half-layout__img{flex-basis:220px}
    .half-layout__link{padding-left:30px}
    .half-layout__name{font-size:22px;line-height:26px}
    .history__left{width:38vw;padding-left:50px}
    .history__right{width:60vw;margin-left:40vw;padding:100px 3vw 0 3vw}
    .history__title{font-size:28px;line-height:38px}
    .content--tpd{padding:120px 0}
    .history__month{padding-left:75px}
    .product--list{margin-top:100px}
    .product__contents{flex-direction:column;padding-top:30px}
    .product-link{padding-top:25px;padding-left:0}
    .product__box{flex-basis:100%}
    .product--list>ul>li{margin-top:150px}
    .product__image img{width:100%}
    .sub-title .sub-title--bottom{font-size:25px;margin-top:10px}
    .article .top-lab{margin-bottom:30px}
    .list__contents{padding-left:30px}
    .inter-box .top-fix{margin-bottom:40px}
    .floor__inbox{padding:88px 0 100px 75px}
    .patent__item{text-align:center;padding:30px}
    .patent__imgwrap{text-align:center}
    .fullbox__content{flex-direction:column;padding:0}
    .fullbox__content>div{width:100%}
    .fullbox__content>div img{width:100%}
    .fullbox__reversecontent{flex-direction:column-reverse}
    .fullbox__wrap{padding:50px 0 70px 0;border-bottom:1px solid #ddd;margin-bottom:70px}
    .fullbox__content:last-child .fullbox__wrap{border:none;margin-bottom:120px;padding-bottom:0}
    .fullbox__text p:last-child{margin-bottom:0}
    .floor--equip .floor__title{font-size:30px}
    .floor--equip .floor__number{font-size:22px}
    .floor--equip .floor__left{flex-basis:44%}
    .floor--equip .floor__right{flex-basis:56%;max-width:56%;padding-left:20px}
    .ancbox-car.active .ancbox-car__item{min-width:200px}
    .ancbox-car.active .ancbox-car__item--01{margin:-40% 0 0 5%}
    .ancbox-car.active .ancbox-car__item--01 img{width:60%}
    .ancbox-car.active .ancbox-car__item--02{margin:-14% 0 0 -33%}
    .ancbox-car.active .ancbox-car__item--03{margin:4% 0 0 -39%}
    .ancbox-car.active .ancbox-car__item--04{margin:-25% 0 0 42%}
    .ancbox-car.active .ancbox-car__item--05{margin:28% 0 0 11%}
    .ancbox-car.active .ancbox-car__item--06{margin:34% 0 0 -9%}
    .ancbox-car.active .ancbox-car__item--07{margin:27% 0 0 -31%}
    .ancbox-car.active .ancbox-car__item--08{margin:-30% 0 0 -18%}
    .ancbox-car.active .ancbox-car__item--10{margin:-6% 0 0 42%}
    .ancbox-car.active .ancbox-car__item--11{margin:13% 0 0 27%}
    .article.article--anc{padding:100px 0 200px 0}
    .revbox--nomargin .category{font-size:13px}
    .revbox--nomargin .revbox__title{margin-top:20px;font-size:26px}
    .revbox--nomargin .revbox__text{margin-top:15px;font-size:16px}
    .revbox--nomargin .revbox__content{padding:0 60px}
    .revbox__toptext{font-size:40px}
    .revbox__bottombtn{margin-top:30px}
    .job__leftbox{flex-basis:200px}
    .world-map__box{bottom:0}
    .tiles__text{padding-left:30px}
    .tiles--bigtit .tiles__item:nth-child(odd){padding-right:0}
    .tiles--bigtit .tiles__item:nth-child(even){padding-left:0}
    .apply__alert{padding-left:110px}
    .prd_view_wrap .vip_setion_top {padding:0 0 60px 0;width: 100%;min-height:auto}
	.prd_view_wrap .vip_setion_top .section_left{position: relative;width: 50%}
	.prd_view_wrap .vip_setion_top .section_left.fixed {left:0;margin-left:0;}
	.prd_view_wrap .vip_setion_top .section_right{width: calc(50% - 60px);margin:0 20px 0 40px;min-height: auto;padding-left: 0;font-size: 16px; line-height: 1.5;}
	.prd_view_wrap .recent_view{width: 100%;display: inline-block;padding: 0 60px 60px;}
	.prd_view_wrap .recent_view .recommand-container{width: 100%}
	.prd_view_wrap .recent_view .recommand-container li .text_wrap{word-break: break-word;}
}
@media screen and (max-width:1120px){
    .figure-wrap--mt li:nth-child(2) .esg-sqaretext{font-size:18px}
}
@media screen and (max-width:1024px){
    .pcv{display:none}
    .ssv{display:none}
    .mov{display:block}
    .list--story .btn-wrap{margin-top:40px}
    .indicator{display:none}
    .header__wrap{padding:0 20px}
    .header__logo{left:20px}
    .footer__wrap{display:block;padding:30px 20px}
    .footer__sns{display:block;margin-right:0;margin:15px 0}
    .footer-nav{display:block;margin-top:30px}
    .copyright{margin-top:15px}
    .footer__right{margin-top:30px}
    .family-site__list{bottom:45px}
    .btn-square{padding:0 15px;line-height:48px}
    .btn-square__text{font-size:14px;line-height:48px}
    .btn-blue--plus{width:30px;height:30px;background-size:30px auto}
    .btn-wave__text{font-size:14px}
    .btn-wave__text::before{top:0}
    .subkv__title{font-size:40px;line-height:50px}
    .subkv__description{font-size:18px;line-height:28px}
    .sub__keyvisual--small .visual-wrap{padding:60px 0}
    .sub__keyvisual--small .subkv__title{font-size:28px}
    .sub__keyvisual--small .subkv__description{margin-top:30px}
    .row{padding:0 20px}
    .row.origin-container{padding-bottom:0}
    .article.article--midtop{padding-top:50px}
    .article.article--shorttop{padding:40px 0 120px 0}
    .title{font-size:28px;line-height:38px}
    .sub-title>h4{font-size:28px}
    .sub-title--ko>h4{font-size:26px}
    .slogan{font-size:28px;line-height:38px}
    .slogan--gov{margin-bottom:80px}
    .row.origin-container{border-bottom:none}
    .scroll-top{right:30px;bottom:30px}
    .tbl-head{display:block}
    .tbl-head__selectbox{display:none}
    .tbl-head__title{display:block;font-size:30px;line-height:40px}
    .tbl-head .tbl-head__form{display:block;margin-top:40px}
    .tbl-head__search{margin-top:30px}
    .tbl-head__search input{width:100%}
    .tbl--board{text-align:left}
    .tbl--board colgroup{display:none}
    .tbl--board thead{display:none}
    .tbl--board tbody{display:block;width:100%}
    .tbl--board tbody tr{display:block;position:relative;width:100%;padding:27px 50px 27px 0;box-sizing:border-box}
    .tbl--board tbody tr td{display:block;width:100%;margin-bottom:15px;padding:0;font-size:12px;font-weight:300;line-height:1}
    .tbl--board tbody tr td:last-child{margin-bottom:0}
    .tbl--board tbody tr td.tbl__title a{height:30px;font-size:20px;font-weight:500;line-height:30px}
    .tbl--board tbody tr td.tbl__title{padding-left:0}
    .tbl--board tbody tr td.tbl__name{font-size:14px}
    .tbl--board tbody tr td.tbl__down{position:absolute;top:50%;right:20px;width:auto;transform:translateY(-50%)}
    .tbl--nopr tbody tr{padding-right:20px}
    .invest>.btn-wrap{margin-top:70px}
    .invest__text{margin-top:60px;font-size:16px}
    .promotion .tbl-head{display:block;margin-bottom:40px}
    .promotion__wrap ul{margin:0 -15px}
    .promotion__item{width:50%;margin-top:40px;padding:0 15px}
    .promotion__item:nth-child(-n+3){margin-top:40px}
    .promotion__item:nth-child(-n+2){margin-top:0}
    .promotion__wrap{margin-top:40px}
    .promotion__wrap--nomt{margin-top:0}
    .promotion__content{margin-top:15px}
    .promotion__date{margin-bottom:20px}
    .promotion__title{font-size:20px;line-height:30px}
    .promotion__title span{height:60px}
    .promotion .promotion__item .btn-wrap{margin-top:20px}
    .promotion .tab{margin-bottom:40px}
    .promotion>.btn-wrap{margin-top:40px}
    .tiles--carbon{margin-top:70px}
    .tiles__figure{flex-basis:100px}
    .tiles__text{padding-left:20px;padding-right:20px}
    .story-slider .list--story .btn-wrap{margin-top:30px}
    .plx-box__title>span{width:40px;height:40px}
    .list__title{font-size:20px;line-height:30px}
    .list--story .list__tag{margin-top:20px}
    .slide-layer__box{height:100%}
    .slide-layer__title h2{font-size:22px}
    .slide-layer__title{padding-bottom:40px}
    .slide-layer__description{padding-top:30px}
    .slide-layer__bottom{margin-top:50px}
    .slide-layer__date{font-size:14px}
    .promotion--brochure .promotion__figure{flex-basis:120px}
    .promotion--brochure .promotion__content{padding-left:30px}
    .promotion--brochure .promotion__inbox{padding-bottom:30px}
    .promotion--brochure .promotion__wrap>ul{margin:0 -20px}
    .promotion--brochure .promotion__item{padding:0 20px}
    .promotion--brochure .promotion__content h2{margin-bottom:20px}
    .dot-title{margin-bottom:20px}
    .promotion--fourcol .promotion__content{margin-top:30px;font-size:22px;line-height:32px}
    .promotion--fourcol .promotion__wrap ul{margin:0 -20px}
    .promotion--fourcol .promotion__item{padding:0 20px}
    .promotion__detail{font-size:14px;line-height:20px}
    .promotion__subtext{font-size:14px}
    .network__figure{width:640px}
    .sub-title--ko>h4{font-size:22px}
    .network__top{margin-bottom:80px}
    .network__bottom .box__left{margin-bottom:60px}
    .network__bottom .box__right .box__wrap h5{margin-bottom:20px;font-size:18px;line-height:24px}
    .network__bottom .box__right .box__wrap p{margin-bottom:60px}
    .number__list{margin:0 -20px}
    .number__list>li{padding:0 20px}
    .compare .row{padding:40px 20px}
    .compare.low .row{padding:40px 20px}
    .compare__list{display:flex;flex-wrap:wrap;height:auto}
    .compare__list>li{display:inline-block;flex:auto;flex-basis:50%;flex-grow:0;flex-shrink:0;margin-top:40px}
    .compare__list>li:nth-child(-n+2){margin-top:0}
    .compare__inbox{max-height:30vh;padding:0;overflow-y:auto}
    .filter-layer__wrap{padding:0 20px}
    .filter-layer__box{padding:20px}
    .filter-layer__inbox{max-height:400px}
    .filter-layer__close{top:20px;right:20px}
    .filter-layer .filter.filter--pop{padding:0 10px 0 0}
    .filter__list>li>label{padding:14px;font-size:12px;line-height:16px}
    .filter__row>button{padding:0 20px 15px 0}
    .input-number>label{font-size:12px}
    .job-list__date{font-size:12px}
    .job-list__title{font-size:18px}
    .job-list__info>ul>li{font-size:12px}
    .recruit-view__title{font-size:16px}
    .recruit-view__content p{font-size:14px;line-height:20px}
    .recruit-view__subtitle{font-size:16px}
    .recruit-view__content .dot-list>li{font-size:14px;line-height:20px}
    .recruit-view__row{margin-bottom:40px}
    .welfare ul{flex-wrap:wrap}
    .welfare ul li{width:calc(33.3333% - 13.3333px)}
    .btn-import{font-size:14px}
    .apply__wrap{padding-top:100px;margin:0 -20px}
    .apply__head{margin-top:70px}
    .apply__content{padding-top:100px}
    .apply__wrap ul li{padding-bottom:30px}
    .apply__wrap ul li::after{bottom:-11px;width:25px;height:25px}
    .form-box__subject{margin-bottom:40px;font-size:24px}
    .form-box__row{flex-direction:column;margin-bottom:25px;margin-left:0;margin-right:0}
    .preview .apply--spd .form-box__row{margin:0 0 25px}
    .form-box__row.form-box__row--nomb{margin-bottom:0}
    .form-box__item+.form-box__item{margin-top:25px}
    .form-box .select-box>button{height:20px;font-size:14px;line-height:20px}
    .form-box .select-box__list{padding:20px}
    .form-box .select-box__list li a{line-height:32px}
    .form-box__item--50{width:100%}
    .form-box__item--33{width:100%}
    .form-box__item--25{width:100%}
    .form-box__item.form-box__item--mt20{margin-top:20px}
    .preview .form-box__item--33:nth-child(-n+3){margin-top:30px}
    .preview .form-box__item--33:first-child{margin-top:0}
    .preview .form-box__item--33:nth-child(-n+3):not(:nth-child(1)){margin-top:15px}
    .preview .form-box__row{margin:0 0 20px 0}
    .terms__title{font-size:18px}
    .terms__text{font-size:14px;line-height:20px}
    .terms__guide{margin-top:40px}
    .dot-list>li{font-size:14px;line-height:20px}
    .default-info__right{flex-basis:100%;padding-left:50px}
    .form-box__title+.form-box__content{padding-left:15px}
    .form-box__inbox{margin-top:100px}
    .form-box__wrap--column .form-box__title{margin-bottom:20px}
    .form-box__row>p{padding:0;font-size:18px;line-height:22px}
    .form-box__file label{height:50px}
    input[type=radio]+label{height:48px;font-size:14px;line-height:48px}
    .default-info__wrap{padding:15px 20px}
    .apply__agree strong{font-size:16px;line-height:22px}
    .apply__agree{display:block}
    .apply>.btn-wrap{margin-top:100px}
    .apply__footer{margin-top:70px}
    .apply__content .complete__imagewrap img{width:114px;height:100px}
    .apply__content .complete__bottomtitle{margin-top:40px;font-size:20px;line-height:30px}
    .apply__content .complete__description{padding:70px 100px 0}
    .resume-pop__head>span{font-size:20px}
    .resume-pop__body{padding-top:40px}
    .form-box__link{font-size:14px;line-height:22px}
    .resume-pop__body .btn-wrap{margin-top:40px}
    .resume-pop__tit{font-size:18px}
    .form-box__row:last-child{margin-bottom:0}
    .form-box__item{padding:0}
    .apply__detailbox{margin-top:70px}
    .apply__infowrap{display:block}
    .apply__name h2{font-size:20px}
    .apply__pwchange{margin-top:20px}
    .apply__subtitle{position:relative}
    .apply__subtitle .apply__leftsub div{font-size:20px}
    .apply__leftsub>div>span{display:block;margin-left:0;margin-top:15px}
    .apply__rightsub{position:absolute;top:0;right:0}
    .apply__rightsub .btn-wave__text{margin-top:7px}
    .apply__infobox .tbl tbody tr td:first-child span.tbl-title{text-align:left}
    .apply__infobox .tbl-wrap{border-top:none}
    .apply__infobox .tbl{display:block}
    .apply__infobox .tbl caption{display:none}
    .apply__infobox .tbl colgroup{display:none}
    .apply__infobox .tbl thead{display:none}
    .apply__infobox .tbl tbody{display:block;text-align:left}
    .apply__infobox .tbl tbody tr{display:block;padding:37px 0}
    .apply__infobox .tbl tbody tr td{display:block;padding:0}
    .apply__infobox .tbl-wrap--bdgray{border:none}
    .apply__infobox .tbl tbody tr td:first-child{margin-bottom:15px}
    .apply__infobox .tbl td:nth-child(2){display:inline-block;margin:0 10px 20px 0;padding-right:15px;position:relative}
    .apply__infobox .tbl td:nth-child(2)::before{position:absolute;top:50%;right:0;content:"";display:block;transform:translateY(-50%);width:1px;height:12px;background-color:#000;opacity:.1}
    .apply__infobox .tbl td:nth-child(2){display:inline-block;margin-bottom:20px;color:#333}
    .apply__infobox .tbl td:nth-child(3){display:inline-block;margin-bottom:20px;color:#333}
    .apply__infobox .tbl tbody tr td.active_mo>span{border-bottom:none;padding-bottom:0;font-weight:500}
    .apply__infobox .tbl--regist td:nth-child(2)::before{display:none}
    .apply__infobox .tbl--regist td:last-child{display:block;padding-left:0;margin-bottom:0}
    .apply__infobox .detailview{margin-right:20px}
    .apply__detailwrap--nodata .tbl tbody tr td:first-child .apply__nodatainner{padding:23px 0}
    .apply__detailwrap--nodata .tbl tbody tr td .para{font-size:14px;line-height:20px}
    .apply__detailwrap--nodata .tbl tbody tr td .btn-wave__text{font-size:14px}
    .apply__toptitle p{margin-top:20px;font-size:16px;line-height:22px}
    .apply__infobox .tbl tbody tr td.no-before{margin-right:0;padding-right:0}
    .apply__infobox .tbl tbody tr td.no-before::before{display:none}
    .preview .form-box__item{padding:0}
    .preview .default-info__right{padding-left:30px}
    .form-box__text{font-size:14px;line-height:20px}
    .preview .form-box__item--button{align-items:center}
    .preview .job-list__wrap{padding:20px 0}
    .company .sub-title h4{font-size:24px;font-weight:500;line-height:34px}
    .company .sub-title{margin-bottom:30px}
    .sub-title--ko>h4{line-height:30px}
    .company-mesg__ethics .circle-none{display:none}
    .company-mesg__ethics .company-mesgmobile__wrap{display:block}
    .company-mesgmobile__wrap .company-mesgmobile__title{font-size:30px}
    .company-mesgmobile__wrap .company-mesgmobile__list ul li span:first-child{font-size:25px}
    .company-mesgmobile__wrap .company-mesgmobile__list ul li span:last-child{font-size:20px}
    .company-mesgmobile__wrap .company-mesgmobile__list ul li::before{top:14px}
    .bizarea__text{width:70%}
    .bizarea__middle{font-size:16px;font-weight:300;line-height:22px}
    .world-map__list{flex-wrap:wrap}
    .world-map__list>li{width:calc(33.3333% - 26.6666px);margin-top:70px}
    .world-map__list>li:nth-child(-n+3){margin-top:0}
    .world-map__num>ul{gap:0}
    .world-map__image.mov{opacity:1;visibility:visible}
    .article .box__left{margin-bottom:50px}
    .parabox__top{font-size:30px}
    .revbox__row--al .revbox__content{padding-right:40px}
    .revbox__row--ar .revbox__content{padding-left:40px}
    .revbox__title{font-size:26px;line-height:36px}
    .revbox__text{margin-top:30px}
    .slogan{font-size:26px;line-height:36px}
    .title-div__text{margin-top:30px}
    .tri-hexa{margin-top:80px}
    .floating-box__top{font-size:30px;line-height:40px}
    .floating-box__wrap>p{margin-top:30px}
    .floating-box__content{font-size:16px;line-height:22px}
    .color-list__title{margin-bottom:40px;font-size:24px}
    .color-list ul{margin:0 -12px}
    .color-list ul>li{padding:0 12px}
    .color-list__content{padding-left:20px}
    .color-list__name{font-size:16px}
    .color-list__figure{flex-basis:60px;flex-shrink:0}
    .logolist__inbox{min-height:275px}
    .logolist__inbox img{width:100%}
    .logolist>ul{gap:30px}
    .logolist>ul>li{width:calc(50% - 15px)}
    .system__split{flex-direction:column;align-items:unset}
    .system__split div~div{margin-top:40px}
    .system__split-left{flex-basis:unset}
    .col-box ul{margin:0 -10px}
    .col-box ul li{padding:0 10px}
    .system__list li{width:50%}
    .system__list li:nth-child(-n+3){border-bottom:none}
    .system__list li:nth-child(-n+4){border-bottom:1px solid #ddd}
    .system__list li .system__box::after{content:"";display:inline-block;position:absolute;right:-16px;top:50%;margin-top:-14px;width:32px;height:28px;background-image:url(../images/common/icon_recruit_hex.svg)}
    .system__list li:nth-child(2n) .system__box::after{display:none}
    .system__list li:nth-child(3n) .system__box::after{display:block}
    .hexa-prc ul li{padding:50px 0;flex-basis:50%}
    .hexa-prc ul li:nth-child(-n+3){border-top:1px solid #ddd}
    .hexa-prc ul li:nth-child(-n+2){border-top:none}
    .hexa-prc ul li:nth-child(3n){border-right:1px solid #ddd}
    .hexa-prc ul li:nth-child(2n){border-right:none}
    .schema-box__content--left{width:100%;text-align:center}
    .schema-box__content--left img{margin:0 auto}
    .schema-box__content--right{display:block;width:100%;margin-top:50px;padding-left:0}
    .schema-box__content--right .toggle__title{font-size:14px}
    .schema-box__content--right .toggle__title span{font-size:14px}
    .schema-box--small .schema-box__content--left{width:100%;text-align:left}
    .number--row .number__index{font-size:20px}
    .number--row .number__title{font-size:16px;line-height:26px}
    .number--row .number-tile{padding:40px 0}
    .number--row .number-tile__top{font-size:16px}
    .number--row .number-tile__bottom{margin-top:20px;font-size:22px;line-height:32px}
    .change-box__content{padding:30px 0;font-size:22px}
    .btn-wrap--sub{margin-top:30px}
    .box__wrap p{margin-bottom:30px;font-size:16px}
    .box__wrap{margin-top:60px}
    .grid-box__title{font-size:22px}
    .profile__list>li{width:100%;padding:30px 30px 0 30px;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd}
    .profile__list>li:first-child{border-top:1px solid #ddd}
    .profile__list>li:last-child{border-bottom:1px solid #ddd}
    .profile__list>li:last-child .profile__wrap{border-bottom:none}
    .profile__wrap{border-right:none;padding-bottom:30px;border-bottom:1px solid #eee}
    .meeting{padding:20px}
    .meeting__icon{width:40px;height:40px}
    .meeting__box--left{width:100%;padding:20px 0;text-align:left;border-bottom:1px solid #ddd}
    .meeting__box--left::before{display:none}
    .meeting__box--right{width:100%;padding:20px 0}
    .meeting__title{font-size:16px;line-height:22px}
    .meeting__text{margin-top:10px;font-size:14px;line-height:20px}
    .list__number{margin-bottom:20px;font-size:22px}
    .toggle__title{padding:20px 40px 20px 20px;font-size:22px}
    .toggle__title::before{right:20px}
    .toggle--bg .toggle__content{padding:30px}
    .number-tile{padding:40px 0}
    .number-tile__top{font-size:16px}
    .number-tile__bottom{margin-top:15px;font-size:22px;line-height:32px}
    .box__wrap p.mb-xl{margin-bottom:60px}
    .eval__wrap{padding:20px}
    .eval__title{font-size:18px}
    .eval__text{font-size:16px;line-height:20px}
    .eval__inbox img{width:55px;height:55px}
    .dhexa__wrap{width:30vw;height:30vw}
    .dhexa__title{font-size:14px;margin-bottom:15px}
    .dhexa__wrap .dot-list>li{font-size:12px}
    .dhexa__circle{width:120px;height:120px;font-size:14px;line-height:22px;text-align:center}
    .figure-wrap img{margin:0 auto}
    .fullbox--greeting .fullbox__content{margin-top:70px;padding:0}
    .fullbox--greeting .fullbox__title{font-size:22px;line-height:32px}
    .fullbox--greeting .fullbox__subtitle{margin-top:15px;margin-bottom:30px}
    .slogan .btn-wrap{display:block;position:relative;margin-top:20px}
    .slogan--gov .btn-square{float:none}
    .road-box__list{margin:0 -20px}
    .road-box__list>li{padding:0 20px}
    .road-box__content{margin-top:30px}
    .road-box__title{font-size:20px}
    .road-box__text{font-size:16px;line-height:24px}
    .ind-overview__subject{font-size:34px}
    .title--overview>p{font-size:16px;line-height:22px}
    .toggle-box{padding:25px 0}
    .chart--01{height:500px!important}
    .chart--02{height:500px!important}
    .chart-box{display:block}
    .chart-box__wrap{display:block;padding-left:0}
    .chart-box__content{display:block;max-width:none;margin-bottom:80px}
    .chart-box__figure{margin-left:0}
    .chart--column .chart__body{width:1024px;margin:0}
    .chart--column{position:relative}
    .chart__scrollwrap{overflow-x:auto}
    .chart__title{font-size:16px}
    .chart__head{margin-bottom:30px}
    .chart-box--oneimage{width:100%}
    .chart-box--oneimage .chart-box__figure{height:auto;width:100%}
    .chart-box--oneimage .chart-box__content{padding-left:0;padding-top:40px}
    .chart-box--oneimage .chart-box__content--mb0{margin-bottom:0}
    .chart-box--oneimage .chart-box__figure img{width:100%}
    .chart--column .tablewrap__guide{opacity:1;visibility:visible;z-index:99}
    .chart--column .tablewrap__guide.hide{opacity:0;visibility:hidden}
    .tablewrap__guide.show{opacity:1;visibility:visible}
    .box__wrap--table .tablewrap__guide.hide{opacity:0;visibility:hidden}
    .chart-box__wrap--twocol .tablewrap__guide.hide{opacity:0;visibility:hidden}
    .figure-wrap--mt ul{flex-direction:column;align-items:center;z-index:-1;margin:-57px 0}
    .figure-wrap--mt ul li{padding:57px 0}
    .figure-wrap--mt ul li .esg-sqarewrap::before{top:100%;left:50%;transform:translate(-50%,0) rotate(90deg)}
    .figure-wrap--mt ul li .esg-sqarewrap::after{top:calc(100% - 15px);left:50%;transform:translate(-50%,0)}
    .figure-wrap--mt li:nth-child(2) .esg-sqaretext{font-size:20px}
    .esg-sqaretext{line-height:30px}
    .signature-wrap{flex-direction:column;align-items:flex-start}
    .signature-wrap__image{margin-top:40px;flex-basis:auto}
    .btn-esg .btn-square--bgblue{float:left;margin-top:30px}
    .sub-recruit__title{font-size:30px;line-height:40px}
    .sub-section__inbox{padding:213px 0 32px 0}
    .revbox--momb{margin-bottom:70px}
    .btn-contact{bottom:95px;right:30px}
    .system--rank .system__list{margin:0}
    .system--rank .system__list li .system__box::after{display:none}
    .system--rank .system__list li{width:50%;margin-left:0;margin-top:20px;border-bottom:0;background-image:url(../images/common/system_box_bg_mo.svg)}
    .system--rank .system__list li:nth-child(-n+2){margin-top:0}
    .system--rank .system__list li:last-child{background-image:url(../images/common/system_box_bg.svg)}
    .system--rank .system__list li .system__box .system__name--en{min-height:30px}
    .promotion__container{margin-bottom:15px}
    .promotion__tag{font-size:12px;padding:5px}
    .layer__body{height:100vh;padding:30px}
    .box__wrap .btn-wrap{margin-top:30px}
    .video-wrap--mb{margin-bottom:40px}
    .slogan--mbsmall{margin-bottom:20px}
    .color-change__item{padding:120px 20px}
    .color-change__left{font-size:60px;flex-basis:380px}
    .color-change__title{font-size:24px;line-height:34px}
    .corevalue-ani__text{font-size:50px}
    .corevalue-box__title{font-size:30px;line-height:40px}
    .corevalue-box__text{margin-top:30px}
    .parallax-bg{background-image:url(../images/common/bg_parallax_mo.jpg);background-position:center}
    .error-page__title{margin-top:40px;font-size:22px;line-height:32px}
    .error-page__text{margin-top:20px;font-size:14px;line-height:24px}
    .error-page .btn-wrap{margin-top:50px}
    .pastpresent__figure--01{padding-left:40vw}
    .pastpresent__figure--02{margin-top:-20vw;padding-right:30vw}
    .pastpresent{padding-left:0}
    .pastpresent__text{position:relative;margin-top:50px;font-size:16px}
    .ancbox{margin-top:0}
    .list__figure{flex-basis:350px;flex-shrink:0}
    .list__contents{flex-basis:100%;flex-shrink:1}
    .half-layout__img{flex-basis:140px}
    .half-layout__list{margin:0}
    .half-layout__list>li{width:100%;margin-top:20px;padding:0}
    .half-layout__list>li:nth-child(-n+2){margin-top:20px}
    .half-layout__box{padding:12px}
    .half-layout__link{padding-left:30px}
    .image-card--big .image-card__list{margin:0 -25px}
    .image-card--big .image-card__list>li{padding:0 25px}
    .image-card--big .image-card__title{font-size:20px}
    .image-card--col3 .image-card__title{font-size:16px;line-height:28px}
    .wide-box{right:50px;bottom:50px}
    .history-tab{padding:20px 0 0 0}
    .history__year{font-size:22px}
    .history__row{padding:30px 0}
    .article .top-lab h4{font-size:24px}
    .sub-title .sub-title--bottom{font-size:20px;margin-top:2px}
    .list--at{padding-bottom:0}
    .list--at>li .list__figure{flex-basis:370px}
    .parabox__list{flex-direction:column}
    .parabox__bottom{padding-top:30px}
    .parabox h4{font-size:26px}
    .promotion--twocol .promotion__item:nth-child(-n+3){margin-top:40px}
    .promotion--twocol .promotion__item:nth-child(-n+2){margin-top:10px}
    .promotion--twocol .promotion__text{margin-top:15px}
    .promotion--twocol .promotion__item{border-bottom:none}
    .floor__left{display:none}
    .floor__right{width:100%;flex-basis:100%;max-width:100%}
    .floor__view .swiper-slide{padding:0 15px 0 20px}
    .floor__figure{height:auto}
    .article--slidebgwhite{background-color:#fff}
    .floor__figure--pc{display:none}
    .floor__figure--mo{display:block}
    .floor__mobiletext{padding-top:20px}
    .floor__top{font-size:26px;font-weight:500;line-height:33px}
    .floor__view{padding-bottom:120px}
    .floor__bottom{font-size:18px;font-weight:300;margin-top:10px;line-height:26px}
    .floor__mo-title{padding-left:20px;padding-right:20px;padding-bottom:50px;font-size:26px;font-weight:500;line-height:1.4}
    .floor__mobiletext{display:block}
    .patent__bottomwrap>ul{flex-direction:column;gap:20px}
    .patent__item{text-align:left}
    .patent__imgwrap{text-align:right}
    .fullbox__content{padding:0}
    .floor--equip .floor__right{max-width:100%;padding-left:0}
    .floor--equip img{width:100%}
    .row--floor{padding:0}
    .floor--equip .floor__right{margin-left:0}
    .ancbox-car__imgwrap{display:none}
    .ancbox-car{margin-top:50px}
    .ancbox-car ul{display:flex;width:100%;flex-wrap:wrap}
    .ancbox-car__partswrap{margin:0 -10px}
    .ancbox-car__item{opacity:1;margin:0;transform:none;position:static;top:unset;left:unset;transition:none;display:flex;flex-direction:column;justify-content:flex-start;width:50%;padding:0 10px;margin-top:50px}
    .ancbox-car__item:nth-child(-n+2){margin-top:0}
    .ancbox-car__item:nth-child(-n+3) .ancbox-car__text{margin:0}
    .ancbox-car__text{margin-top:0;flex-basis:100%;flex-direction:column;align-items:flex-start}
    .ancbox-car__item.ancbox-car__item--01 .ancbox-car__text,.ancbox-car__item.ancbox-car__item--02 .ancbox-car__text,.ancbox-car__item.ancbox-car__item--03 .ancbox-car__text,.ancbox-car__item.ancbox-car__item--09 .ancbox-car__text{margin-bottom:0}
    .ancbox-car__title{font-size:18px;padding-right:0}
    .ancbox-car__sub{font-size:20px}
    .ancbox-car_partsimgwrap{padding-top:20px}
    .ancbox-car__item .mov{margin:0 auto}
    .ancbox-car__item--10{flex-direction:column-reverse}
    .ancbox-car__item--11{flex-direction:column-reverse}
    .ancbox-car__item.ancbox-car__item--04,.ancbox-car__item.ancbox-car__item--05,.ancbox-car__item.ancbox-car__item--06,.ancbox-car__item.ancbox-car__item--07,.ancbox-car__item.ancbox-car__item--10{flex-direction:column-reverse;justify-content:stretch}
    .tab--anc{margin-top:70px}
    .article.article--anc{padding:50px 0 120px 0}
    .revbox--nomargin .revbox__row{flex-direction:column;margin-bottom:70px}
    .revbox--nomargin .revbox__row:last-child{margin-bottom:0}
    .revbox .revbox__rowreverse{flex-direction:column-reverse}
    .revbox--nomargin .revbox__figure{width:100%}
    .revbox--nomargin .revbox__content{border-bottom:1px solid #ddd;padding:50px 0 70px 0}
    .revbox__toptext{font-size:30px}
    .revbox__bottombtn{margin-top:20px}
    .revbox--nomargin{padding:0 20px}
    .revbox--nomargin .revbox__content{margin:0;padding:30px 0 0;border-bottom:0}
    .revbox__toptext{font-size:22px}
    .revbox__bottombtn{margin-top:20px}
    .revbox--nomargin .revbox__rowreverse .revbox__content{padding:30px 0 0}
    .revbox--nomargin .revbox__title{font-size:18px;line-height:24px}
    .revbox--talent .revbox__row:last-child{padding-bottom:70px}
    .job__leftbox{flex-basis:150px}
    .job__card{margin-bottom:120px}
    .job__list{padding-top:50px}
    .job__listrow ul{display:block}
    .job__listrow ul li{width:100%}
    .job__listrow ul li:nth-child(odd){padding-right:0}
    .job__listrow ul li:nth-child(even){padding-left:0}
    .job__listrow ul li{margin-top:50px}
    .job__listrow ul li:nth-child(-n+2){margin-top:50px}
    .job__listrow ul li:first-child{margin-top:0}
    .down-pop__foot{margin-top:50px}
    .down-pop__body .terms{margin-top:40px}
    .down-pop .text-gray{font-size:14px}
    .bg-circle{width:400px;height:400px}
    .ind-overview__content ul li .toggle-box{opacity:1}
    .ind-overview__content ul li::before{width:100%}
    .corevalue-ani__subtext{font-size:18px;line-height:30px}
    .box__wrap.mt-mid{margin-top:50px}
    .road-box__road{right:calc(-50% - 20px)}
    .company__list--black{flex-direction:column;padding-bottom:0}
    .company__list--black>li{border-right:none;width:100%;padding:50px 0}
    .company__list--black>li:first-child{border-right:0}
    .company__list--black>li:nth-child(3){padding-top:50px;padding-bottom:50px;border-right:none}
    .company__list--black>li:last-child{padding-top:50px}
    .company__list--black{border-bottom:none}
    .company__list--black .company__bottom{font-size:22px;font-weight:500}
    .company__list--black li .road-box__road{top:unset;bottom:-20px;transform:rotate(90deg);left:0;right:auto}
    .company__list--black .road-box__road .road-box__arrow>span{width:15px;height:15px;background-image:url(../images/common/icon_roadbox_arrow_m.svg)}
    .chart-box__title{font-size:20px}
    .tbl--type2{min-width:1024px}
    .tbl--type3{min-width:1024px}
    .tablewrap__guide{opacity:1;visibility:visible}
    .renewal-page__text{margin-top:20px;font-size:14px;line-height:24px}
    .renewal-page__title{margin-top:40px;font-size:22px;line-height:32px}
    .tiles__bottom{margin-top:15px;font-size:16px;line-height:22px}
    .product--gallery{margin-top:60px}
    .product--gallery .product__title>span::before{top:-7px}
    .product--gallery .product__title{font-size:24px}
    .product--gallery>ul{margin:0 -15px}
    .product--gallery>ul>li{margin-top:60px;padding:0 15px}
    .product__info{padding:20px}
    .product__description{max-height:130px}
    .inquiry>h4{font-size:38px}
    .nodata-text{font-size:16px;padding:40px 0}
    .popup--main_wrap{position:relative}
    .popup--main{position:fixed;right:50%;z-index:99999999;max-width:350px;background:rgba(0,0,0,0);display:none;transform:translate(50%,-53%)}
    .popup--main__linked>a.pcv{display:none!important}
    .popup--main__linked>a.mov{display:block!important}
    .popup--main__linked>a>img{max-height:427px}
    .compare__subject{display:none}
    .article--bb{min-height:auto}
    .sub-title .btn-wrap{position:relative;display:block;margin-top:20px}
    .system__split--big .system__split-right{flex-basis:auto}
    .filter__row>.btn-openfilter{font-size:16px;padding:0 10px 10px 0}
    .filter__list>li input[type=text]{height:38px;line-height:38px}
    .prdslider__top{font-size:16px;line-height:22px}
    .prdslider__bottom{font-size:14px;line-height:20px}
    .preview .form-box__item+.form-box__item{margin-top:15px}
    .corevalue-ani__subtext{margin-top:220px}
    .number-tile__sub{font-size:16px}
}
@media screen and (max-width:769px){
    .chart--column .chart{width:100%;height:auto}
    .wrap{font-size:16px;line-height:1.5} /*其他语言设置font-size:14px;line-height:20px*/
    .dot-title{margin-top:15px}
    .slogan{font-size:26px;line-height:36px}
    .slogan--gov{margin-bottom:50px}
    .tbl{width:100%}
    .tbl.tac{text-align:left!important}
    .tbl--product tbody tr td:before{display:inline-block;flex-basis:36%;flex-shrink:0;content:attr(data-th) " ";margin:0 5px 0 0;padding-left:30px;vertical-align:top;font-weight:500;font-size:12px;line-height:1.2}
    .tbl--product tbody tr.no-data td{justify-content:center}
    .tbl--product tbody tr.no-data td:before{display:none}
    .tbl--product colgroup{display:none}
    .tbl--product thead{display:none}
    .tbl--product tbody{display:block;width:100%}
    .tbl--product tbody tr{display:block;position:relative;width:100%;padding:20px 10px;box-sizing:border-box}
    .tbl--product tbody tr td{display:flex;width:100%;margin-top:12px;padding:0}
    .tbl--product tbody tr td[data-th=Product]{min-height:30px;padding-right:50px}
    .icon-eco{position:absolute;top:20px;right:10px;width:30px;height:30px;background-size:contain}
    .tbl--product tbody tr td[data-th=Product]:before{display:none}
    .tbl--product tbody tr td[data-th=ECO]{margin-top:0}
    .tbl--product tbody tr td[data-th=ECO]:before{display:none}
    .tbl--product tbody tr td:first-child{margin-top:0}
    .tbl--product tbody tr td span{display:inline-block;font-size:12px;line-height:16px}
    .btn-compare{padding-left:30px;font-weight:500}
    .btn-compare::before{top:6px;width:20px;height:20px;background-size:contain}
    .tbl-head__inbox ul{display:none}
    .tbl-head__guide{margin-left:0}
    .filter{margin-top:70px;margin-bottom:80px}
    .filter.active{display:block}
    .filter__head{padding-bottom:20px}
    .filter__title{font-size:18px;line-height:1}
    .filter__row>button{font-size:14px;line-height:1}
    .filter__row{padding:20px 0}
    .btn-wrap--mtxl{margin-top:70px}
    .btn-wave__wrap{width:170px;height:50px}
    .cursor-container{display:none}
    .footer__right{display:block}
    .btn-family{width:100%}
    .btn-family__text{min-width:auto;width:100%}
    .promotion .tbl-head{margin-bottom:0;padding-bottom:30px}
    .promotion__wrap ul{margin:0;padding-bottom:0;border:none}
    .promotion__item{width:100%;margin-top:0;padding:30px 0;border-bottom:1px solid #eee}
    .promotion__item:nth-child(-n+3){margin-top:0}
    .promotion__item:nth-child(-n+2){margin-top:0}
    .promotion__inbox{display:flex;flex-direction:row;align-items:center}
    .promotion__figure{flex-basis:115px;flex-shrink:0}
    .promotion__content{margin-top:0;padding-left:20px}
    .promotion__date{margin-bottom:15px}
    .promotion .promotion__item .btn-wrap{display:none}
    .promotion__date{font-size:12px}
    .promotion .tab{margin-bottom:30px}
    .promotion__wrap{margin-top:0;padding-bottom:0;border-bottom:0}
    .tab__list>li>a{padding-bottom:15px;font-size:16px}
    .scroll-top{right:20px;bottom:20px}
    .promotion--brochure .promotion__wrap>ul{display:block;margin:0}
    .promotion--brochure .promotion__item{width:100%;margin:0;padding:0}
    .promotion--brochure .promotion__item:nth-child(-n+3){margin-top:0}
    .promotion--brochure .promotion__item:nth-child(-n+2){margin-top:0}
    .promotion--brochure .promotion__item:first-child{margin-top:0}
    .promotion--brochure .promotion__content{padding-left:20px}
    .promotion--brochure .promotion__content h2{font-size:20px;line-height:30px}
    .promotion--brochure .promotion__inbox{padding:20px 0;border-bottom:none}
    .promotion--brochure .promotion__figure{flex-basis:100px}
    .tiles__item{width:100%;margin-top:30px}
    .tiles__item:nth-child(-n+2){margin-top:30px}
    .tiles__item:first-child{margin-top:0}
    .plx-box__item{width:100%;padding:0}
    .plx-box__row--left .plx-box__item{padding:0}
    .plx-box__row--right .plx-box__item{padding:0}
    .prdslider__item{max-width:265px;margin-right:15px}
    .plx-box__top{font-size:20px}
    .plx-box__bottom{font-size:14px;font-weight:300;line-height:20px}
    .list--story>li{display:block}
    .story-slider .list--story>li .list__contents{margin-top:30px;padding-left:0}
    .story-slider .swiper-pagination{left:0;position:relative;width:100%}
    .list--story>li .list__contents{margin-top:30px;padding-left:0}
    .list--story>li .list__contents>p{margin-top:15px}
    .list--story .list__tag>ul>li{margin-right:5px;padding:5px 5px 5px 0}
    .list--story .btn-wrap{margin-top:30px}
    .list--story>li{padding:40px 0}
    .list--story>li a{display:block}
    .promotion__title span{height:auto}
    .promotion--fourcol .promotion__inbox{flex-direction:column;align-items:flex-start}
    .promotion--fourcol .promotion__wrap ul{margin:0 -10px}
    .promotion--fourcol .promotion__item{width:50%;margin-top:50px;padding:0 10px;border-bottom:none}
    .promotion--fourcol .promotion__item:nth-child(-n+4){margin-top:50px}
    .promotion--fourcol .promotion__item:nth-child(-n+2){margin-top:0}
    .promotion--fourcol .promotion__content{width:100%;padding-left:0}
    .promotion--fourcol .promotion__title{font-size:18px;line-height:22px}
    .promotion--fourcol .promotion__subtext{margin-top:15px;font-size:12px}
    .promotion--fourcol .promotion__figure::after{width:30px;height:30px;background-size:contain}
    .compare.active{height:100%}
    .compare.active.low{height:auto}
    .compare .row{position:relative;height:100%;padding:0 20px 0}
    .compare.low .row{padding:0 20px 60px}
    .compare__head{position:absolute;top:0;left:0;width:100%;padding:20px;background-color:#000}
    .compare__head>button{display:none}
    .compare__title{display:none}
    .compare__title--mob{display:block}
    .compare__title--mob>b{display:inline-block;margin:0;font-size:14px;color:#fff}
    .compare.low .compare__title--mob>b{display:inline-block}
    .compare__title--mob>span{display:inline-block;width:18px;height:18px;margin-left:5px;border-radius:50%;background-color:#fff;font-size:10px;font-weight:500;line-height:18px;text-align:center;vertical-align:initial}
    .compare__inbox{max-height:100%}
    .compare__body{height:100%;padding-top:87px;margin-top:0}
    .compare.low .compare__body{margin-top:0;display:none}
    .compare__list{display:block;border-top:1px solid #000}
    .compare__inbox{margin:0}
    .company__list--mt{margin-top:50px}
    .compare__list>li{flex:auto;margin-top:0;padding:20px 10px;border-bottom:1px solid #ddd}
    .compare__list>li:nth-child(-n+2){margin-top:0}
    .compare__shrink{left:auto;top:0;right:0;width:60px;height:60px;background-image:none;transform:none;z-index:1}
    .compare__shrink::before{margin:0}
    .compare.low .compare__inbox{padding:0}
    .compare__item{border-bottom:none;padding:6px 50px 6px 30px}
    .compare__info>li{display:flex;font-size:12px;line-height:14px}
    .compare__info>li::before{content:attr(data-th);display:inline-block;width:135px;flex-shrink:0;padding-right:20px;font-weight:500}
    .compare__item>button{top:16px;right:auto;left:0;width:20px;height:20px;background-image:url(../images/common/btn_compare_minus.svg)}
    .compare__item>.icon-eco{top:0;right:0}
    .network__figure{width:200px}
    .network__top{margin-bottom:50px}
    .network__bottom .sub-title--ko>h4{font-size:18px}
    .network__bottom .box__left .sub-title .btn-wrap{margin-top:15px}
    .network__bottom .box__right .box__wrap h5{margin-bottom:15px;font-size:16px;line-height:22px}
    .network__bottom .number__index{width:54px;padding-right:20px;font-size:16px;line-height:22px}
    .network__bottom .box__left{margin-bottom:50px}
    .network__bottom .box__right .box__wrap p{margin-bottom:50px;line-height:22px}
    .number__wrap{padding:30px 0}
    .number--pblarge .number__list>li .number__wrap{padding-bottom:30px}
    .number__list>li{width:100%;margin-top:0}
    .number__title{font-size:16px}
    .number__text{font-size:14px;line-height:20px}
    .btn-poolreg{bottom:90px;right:20px}
    .btn-wave--large{width:200px}
    .btn-wave--large .btn-wave__wrap{width:200px}
    .btn-wave--large:hover .btn-wave__text::before{right:-23px}
    .job-list__head{margin-bottom:20px;font-size:12px;line-height:14px}
    .job-list__head>span{font-size:14px;line-height:14px}
    .job-list__wrap{display:block;padding:20px 0}
    .job-list__date{display:inline-block;width:auto;min-width:54px;height:auto;padding:8px;font-size:10px;line-height:1;text-align:center}
    .job-list__content{margin-top:20px;padding-left:0}
    .job-list__body>ul>li.add-btn .job-list__link{display:block}
    .job-list__body>ul>li.add-btn .job-list__title{margin-bottom:20px}
    .rprocess__item{flex-basis:50%;padding:0 25px;margin-top:30px}
    .rprocess__item:nth-child(-n+2){margin-top:0}
    .rprocess__item:nth-child(3)::before{display:block}
    .rprocess__item:nth-child(2n)::before{display:none}
    .welfare ul{gap:15px}
    .welfare ul li{width:calc(50% - 7.5px);padding:32px 0}
    .welfare__figure img{width:60px;height:60px}
    .welfare__text{font-size:14px;line-height:20px}
    .apply__wrap{padding-top:70px}
    .apply__toptitle{font-size:24px;line-height:32px}
    .apply__step{font-size:10px}
    .apply__title{font-size:14px;margin-top:5px}
    .apply__info{display:block}
    .apply__name h2{padding-right:0}
    .apply__name h2::before{display:none}
    .apply__email{display:block;margin-top:5px;padding-left:0}
    .btn-import{font-size:12px}
    .form-box__inbox{margin-top:70px}
    .form-box__subject{font-size:20px;padding-bottom:15px;margin-bottom:30px}
    .form-box__title{font-size:14px;line-height:20px}
    .form-box__row>p{padding:0;font-size:14px;line-height:20px}
    .form-box.form-box--agree .form-box__title{width:auto}
    .form-box__row>p.form-box__csubject{margin-bottom:20px;font-size:16px;line-height:22px}
    .form-box__item{padding:0}
    .form-box__item.form-box__item--hasbutton .form-box__wrap{position:relative;padding-top:70px}
    .form-box__item.form-box__item--hasbutton label{position:absolute;top:0;left:0;width:100%}
    .form-box__item>p{font-size:12px}
    input[type=text]{font-size:14px}
    input::placeholder{font-size:14px}
    .star{margin-left:2px;font-size:10px}
    .terms{margin-top:70px}
    .terms__title{font-size:16px}
    .terms__text{font-size:12px;line-height:18px}
    .terms .btn-wrap{margin-top:70px}
    .etcterm__title{font-size:16px;line-height:26px}
    input[type=radio]+label{height:38px;line-height:38px}
    select{font-size:14px}
    .default-info{display:block}
    .default-info__left{margin-bottom:30px}
    .default-info__right{padding-left:0}
    .default-info__image{max-width:242px;width:100%;margin:0 auto}
    .form-box__counter{font-size:14px}
    textarea{font-size:14px}
    textarea::placeholder{font-size:14px}
    .apply>.btn-wrap{margin-top:70px}
    .apply__agree strong{font-size:14px;line-height:20px}
    .apply__content .default-info .btn-wrap{margin-top:0}
    .form-box__content--pb{padding-bottom:20px}
    .apply__content .complete__description{padding:70px 0 0}
    .btn-wrap--flex ul{display:flex;width:100%}
    .btn-wrap--flex ul li{flex:1;padding:5px}
    .btn-wrap--flex ul li:first-child{padding-left:0}
    .btn-wrap--flex ul li:last-child{padding-right:0}
    .btn-wrap--flex ul li .btn-square{width:100%;min-width:auto}
    .resume-pop__head>span{font-size:18px}
    .resume-pop__body{padding-top:30px}
    .resume-pop__body .btn-wrap{margin-top:30px}
    .resume-pop__wrap{padding:20px}
    .resume-pop__help{font-size:12px;line-height:18px}
    .resume-pop__ex{margin-bottom:30px}
    .resume-pop__tit{font-size:16px}
    .resume-pop__noresult .btn-square{min-width:auto;min-width:80px;height:30px}
    .resume-pop__noresult .btn-square .btn-square__text{line-height:30px}
    .resume-pop__result{padding:15px}
    .resume-pop__noresult>p{margin-bottom:30px}
    .form-box__row--nomb{margin-bottom:0}
    .apply__footer .dot-list{margin-top:30px}
    .apply__content{padding-top:70px}
    .apply__content .btn-wrap{margin-top:50px}
    .apply__toptitle p{font-size:14px;line-height:20px}
    .form-box__link a{font-size:12px}
    .company .sub-title{margin-bottom:70px}
    .company__list{position:relative;flex-wrap:wrap}
    .company__list--dnbefore::before{display:none}
    .company__list li{border-right:1px solid rgba(221,221,221,.3);flex:auto}
    .company__list li:nth-child(2){border-right:none}
    .company__list li:nth-child(3){padding-top:30px;padding-bottom:0;border-bottom:none}
    .company__list li:nth-child(3)::after{display:none}
    .company__list li:nth-child(4){padding-top:30px;border-right:none;padding-bottom:0;border-bottom:none}
    .company__list li::before{display:none}
    .company__list--2col li{padding-top:30px;border-bottom:1px solid rgba(221,221,221,.3)}
    .company__list--2col li:nth-child(-n+2){padding-top:0;padding-bottom:30px}
    .company__list--black li{padding:50px 0;border-bottom:1px solid #ddd}
    .company__list--black li:first-child{padding-top:0}
    .company__list--black li:nth-child(3){padding-top:50px;padding-bottom:50px}
    .company__list--black li:nth-child(4){padding-top:50px}
    .company__list--black li:last-child{border-bottom:0}
    .company__list--nobd li{border-bottom:0}
    .company .sub-title h4{font-size:24px;line-height:34px}
    .company__text{margin-top:30px}
    .company__text--mt{margin-top:10px}
    .company__top{font-size:24px;font-weight:500}
    .company__bottom{margin-top:10px;font-size:18px;font-weight:400}
    .company__figure svg{width:60px;height:50px}
    .b-block{display:block}
    .sub-title--ko>h4{line-height:30px}
    article .row .vison-lbox{margin-bottom:15px}
    .box__right .vison-rbox{margin-top:0}
    .number-tiles--bggray>ul{flex-direction:column}
    .number-tiles--bggray>ul>li .number-tile{padding:40px 34px}
    .number-tiles--bggray .number-tile__top{font-size:16px;font-weight:400}
    .number-tiles--bggray .number-tile__bottom{font-size:20px;line-height:30px;margin-top:25px}
    .number-tiles--bggray .number-tile__subtext{margin-top:15px}
    .number-tiles--bggray>ul>li .number-tile::before{bottom:0;left:50%;transform:translateX(-50%);width:80%;height:1px;top:auto}
    .company__list--black li.c_li{border-bottom:1px solid rgba(221,221,221,.3)}
    .company__subject{font-size:16px;line-height:16px}
    .company__bgtitle .sub-title--col{margin-bottom:15px}
    .company__bgtitle{margin-bottom:70px}
    .company__mid{font-size:20px;font-weight:500}
    .company-mesgmobile__wrap .company-mesgmobile__title{font-size:20px}
    .company-mesgmobile__wrap .company-mesgmobile__list ul li span:first-child{font-size:20px}
    .company-mesgmobile__wrap .company-mesgmobile__list ul li span:last-child{font-size:16px}
    .company-mesgmobile__wrap .company-mesgmobile__list ul li::before{top:5px}
    .road-box{margin-top:20px}
    .road-box__list{display:flex;flex-direction:column}
    .road-box__list li{width:auto;margin-bottom:120px}
    .road-box__list li:last-child{margin-bottom:0}
    .road-box__wrap{position:relative}
    .road-box__list li:last-child .road-box__wrap{padding-bottom:0}
    .road-box__figure{display:flex;flex-direction:column;position:static}
    .road-box__road{top:unset;right:unset;transform:rotate(90deg);left:0;bottom:-75px;background:unset}
    .road-box__road .road-box__arrow>span{background-image:url(../images/common/icon_roadbox_arrow_m.svg);width:15px;height:15px}
    .road-box__content{margin-top:30px}
    .road-box__title{font-size:20px}
    .road-box__text{font-size:16px}
    .sub-banner{height:190px}
    .sub-banner--xl{height:350px}
    .box__wrap{margin-top:40px}
    .box__wrap h5{margin-bottom:15px;font-size:20px}
    .map__address{margin-top:30px}
    .map__left{align-items:flex-end}
    .map__right{align-items:flex-end}
    .map__col{display:flex;flex-direction:column;flex-wrap:wrap}
    .btn-arrow{font-size:14px;line-height:20px}
    .map__content{margin-top:10px}
    .map .tab{margin-bottom:30px}
    .bizarea__text{width:100%}
    .bizarea__inview{padding:120px 30px;align-items:flex-end}
    .bizarea__content{text-align:left}
    .bizarea__bottom{margin-top:30px}
    .bizarea__top{font-size:24px}
    .bizarea__middle{margin-top:15px}
    .bizarea__wrap--ship .bizarea__bg{background-image:url(../images/common/bg_area05_mo.jpg)}
    .bizarea__wrap--arch .bizarea__bg{background-image:url(../images/common/bg_area06_mo.jpg)}
    .bizarea__wrap--sports .bizarea__bg{background-image:url(../images/common/bg_area08_mo.jpg)}
    .bizarea__wrap--train .bizarea__bg{background-image:url(../images/common/bg_area03_mo.jpg)}
    .bizarea__wrap--car .bizarea__bg{background-image:url(../images/common/bg_area04_mo.jpg)}
    .bizarea__wrap--space .bizarea__bg{background-image:url(../images/common/bg_area01_mo.jpg)}
    .bizarea__wrap--industry .bizarea__bg{background-image:url(../images/common/bg_area02_mo.jpg)}
    .bizarea__wrap--energy .bizarea__bg{background-image:url(../images/common/bg_area07_mo.jpg)}
    .company__list--black .company__title{font-size:22px}
    .company__list--black .company__subtitle{margin-top:15px;font-size:16px;line-height:22px}
    .company__bgtitle>p{font-size:16px;line-height:22px}
    .preview .form-box__item--button{display:block}
    .preview .form-box__item--button .btn-wrap{margin-top:20px;padding-left:0}
    .preview .form-box__item--button .btn-preview-file{flex-basis:100%;width:100%}
    .bottom-nav ul{display:flex}
    .bottom-nav ul li{flex:1}
    .bottom-nav ul li.pcv{display:none}
    .bottom-nav ul li .btn{flex:1;min-width:auto}
    .world-map__num>ul>li{padding:0 10px}
    .world-map__count{font-size:40px}
    .world-map__subject{font-size:16px}
    .world-map__top{padding-bottom:30px}
    .world-map__list{padding-top:50px}
    .world-map__list>li{width:50%;margin-top:70px}
    .world-map__list>li:nth-child(-n+3){margin-top:70px}
    .world-map__list>li:nth-child(-n+2){margin-top:0}
    .parabox__top{font-size:24px}
    .parabox__midtext{margin-top:20px}
    .revbox__row{flex-direction:column}
    .revbox__row--al{flex-direction:column-reverse}
    .revbox__row--al .revbox__content{padding-right:0}
    .revbox__row--ar .revbox__content{padding-left:0}
    .revbox__title{font-size:24px;line-height:34px}
    .revbox__content{margin-top:50px}
    .revbox__text{font-size:16px;line-height:22px}
    .revbox__figure{flex-basis:100%;width:100%}
    .tri-hexa{margin-top:70px}
    .tri-hexa__list{position:relative;padding-top:41.3vw}
    .tri-hexa__list li{width:50%}
    .tri-hexa__list li:nth-child(2){position:absolute;top:0;left:50%;transform:translateX(-50%)}
    .tri-hexa__small{font-size:16px}
    .tri-hexa__title{margin-top:15px;font-size:22px}
    .floating-box__wrap{padding:0 20px;text-align:left}
    .floating-box__top{font-size:24px;line-height:34px}
    .floating-box__wrap>p{font-size:16px;line-height:22px}
    .floating-box__wrap>p br{display:none}
    .floating-box__inbox{max-width:none}
    .floating-box__subject{font-size:20px;line-height:30px}
    .floating-box__text{margin-top:40px}
    .floating-box__item{margin-top:70px}
    .form-box--contact{padding-top:40px}
    .inquiry-box .sub-title{margin-bottom:50px}
    .inquiry-box .form-box__title{width:70px}
    .form-box__wrap--column .form-box__title{width:100%}
    .form-box .select-box{min-width:120px}
    .form-box .select-box__list{top:38px}
    .form-box .select-box__list li a{font-size:12px}
    .form-box__guide{margin-top:15px;font-size:12px}
    .form-box.form-box--agree .form-box__email select{margin-left:10px;max-width:90px}
    .form-box__email b{padding:0 5px}
    .article .box__left{margin-bottom:15px}
    .color-list__title{margin-bottom:30px;font-size:20px}
    .color-list ul{margin:0}
    .color-list ul>li{padding:0}
    .color-list ul>li{width:100%}
    .color-list__wrap{padding:30px 0}
    .color-list ul>li:first-child .color-list__wrap{padding-top:0}
    .logolist__inbox{min-height:200px}
    .logolist>ul{gap:0}
    .logolist>ul>li{width:100%;margin-top:20px}
    .logolist>ul>li:first-child{margin-top:0}
    .logolist__down{flex-direction:column;align-items:flex-start}
    .logolist__down>ul{display:block;gap:0}
    .logolist__down>ul>li{display:inline-block;margin-right:30px;padding:5px}
    .logolist__down>ul>li:last-child{margin-right:0}
    .btn-download{font-size:14px;line-height:20px}
    .logolist__down{padding-bottom:20px;border-bottom:1px solid #ddd}
    .col-box ul{margin:0}
    .col-box ul li{width:100%;margin-bottom:50px;padding:0 0 50px;border-bottom:1px solid #ddd}
    .col-box ul li:last-child{margin:0;padding:0;border-bottom:none}
    .col-box .fullbox__wrap{margin-bottom:0}
    .col-box .fullbox__small{margin-bottom:0}
    .col-box .fullbox__top{margin-bottom:20px}
    .col-box .fullbox__subtitle{margin-bottom:15px}
    .system__benefits li{flex-basis:50%}
    .system__benefits li:nth-child(5n+1){border-left:none}
    .system__benefits li:nth-child(2n+1){border-left:1px solid #ddd}
    .system__box{padding:50px 10px;border-right:none}
    .system__list li{display:block;width:100%;min-height:auto;padding:0}
    .system__list{padding:20px 64px}
    .system__list li:nth-child(2n) .system__box::after{display:block}
    .system__list li .system__box:after{height:30px;right:auto;top:auto;margin-top:0;left:50%;bottom:-15px;transform:translateX(-50%);background-image:url(../images/common/icon_recruit_hex_rotate.svg)}
    .system--white .system__list li{min-height:auto}
    .system__list li{border-bottom:1px solid #ddd}
    .system__list li:last-child{border-bottom:none}
    .system__list li:last-child .system__box::after{display:none}
    .hexa-prc{padding:20px 40px}
    .hexa-prc ul{display:block}
    .hexa-prc ul li{border-top:none}
    .hexa-prc ul li:nth-child(2n){border-right:none}
    .hexa-prc ul li:nth-child(3n){border-right:none}
    .hexa-prc ul li:nth-child(-n+3){border-top:none}
    .hexa-prc ul li{min-height:auto;padding:50px 10px;border-right:none;border-bottom:1px solid #ddd}
    .hexa-prc ul li:last-child{border-bottom:none}
    .hexa-prc__icon{width:33px;height:30px;background-size:contain;font-size:12px;line-height:30px}
    .hexa-prc__text{margin-top:20px;font-size:20px;line-height:30px}
    .article--magoklink{background-image:url(../images/common/img_ourservice_bg_mo.jpg)}
    .filter__list>li input[type=text]{padding:0 10px}
    .tiles--bigtit .tiles__item:nth-child(odd){padding-right:0}
    .tiles--bigtit .tiles__item:nth-child(even){padding-left:0}
    .tiles--bigtit .tiles__bottom{font-size:14px;line-height:20px}
    .number__index{width:55px;padding-right:0}
    .number--row .number__wrap{padding:30px 0 20px 0}
    .number--row .number__list{margin:0}
    .number--row .number__list>li{padding:0}
    .number--row .number__list>li:last-child .number__wrap{border-bottom:none}
    .grid-box__title{font-size:18px;line-height:26px}
    .grid-box__row{padding:20px 0}
    .grid-box__wrap{margin-top:20px;float:none}
    .number__index{font-size:16px}
    .number--row .number__index{font-size:16px}
    .number--row .number__title{font-size:16px;left:22px}
    .number--row .number-tiles>ul{display:block}
    .number--row .number-tiles>ul>li{margin-top:10px}
    .number--row .number__content{width:calc(100% - 65px)}
    .change-box{max-width:none}
    .change-box__content{font-size:16px}
    .number--row .number__wrap{display:block}
    .box__wrap h5.mb-large{margin-bottom:20px}
    .toggle__title{padding:15px 40px 15px 15px;font-size:18px}
    .toggle__title::before{right:15px;width:15px;height:15px;background-size:contain}
    .toggle__item.active .toggle__title{padding:15px}
    .dir-wrap__box{position:relative;padding-top:260px}
    .dir-wrap__center{display:block;position:absolute;top:0;left:0;width:100%;max-width:none;background-image:url(../images/common/bg_directorate_dir_wrap.png);background-size:auto;background-position:center top 70%;background-repeat:no-repeat}
    .dir-wrap__imgbox{display:block;height:auto;background-image:none;text-align:center}
    .dir-wrap__center .dir-wrap__imgbox--left{background:#269dff;background:linear-gradient(90deg,#269dff 0,#10c6c2 85%,#09d3af 100%,#03df9e 100%,#00e596 100%)}
    .dir-wrap__center .dir-wrap__imgbox--right{margin-top:54px;background:#269dff;background:linear-gradient(90deg,#269dff 0,#0ecabd 0,#0cceb7 71%,#03df9e 91%,#00e596 100%)}
    .dir-wrap__center .dir-wrap__imgbox{padding:3px}
    .dir-wrap__center .dir-wrap__imgbox span{display:block;height:100%;padding:40px 10px;background-color:#fff}
    .dir-wrap__inbox--ltbox{justify-content:flex-start;margin-top:0}
    .dir-wrap__inbox--ltbox .dir-wrap__figure{order:-1}
    .dir-wrap__inbox--rtbox{margin-top:0}
    .dir-wrap__inbox--lbbox{justify-content:flex-start;margin-top:0}
    .dir-wrap__inbox--lbbox .dir-wrap__figure{order:-1}
    .dir-wrap__inbox--rbbox{margin-top:0}
    .dir-wrap__box{flex-direction:column}
    .dir-wrap__inbox{max-width:none;width:100%;margin-top:30px}
    .dir-wrap__left .dir-wrap__text{padding-right:0;padding-left:20px;text-align:left}
    .image-card__list{margin:0}
    .image-card__list>li{margin-top:30px;width:100%;padding:0}
    .image-card__list>li:nth-child(-n+2){margin-top:30px}
    .image-card__list>li:first-child{margin-top:0}
    .image-card__title{font-size:18px;line-height:24px}
    .image-card__text{font-size:14px;line-height:20px}
    .toggle--bg .toggle__content{padding:15px}
    .toggle--bg .toggle__content>b{font-size:16px}
    .number-tiles>ul{display:block}
    .number-tiles>ul>li{margin-top:15px}
    .number-tiles>ul>li:first-child{margin-top:0}
    .number-tile{padding:30px 0}
    .number-tile__top{font-size:14px}
    .number-tile__bottom{font-size:20px;line-height:30px}
    .box__wrap p.mb-xl{margin-bottom:40px}
    .box__wrap p.mb-small{margin-bottom:15px}
    .eval__list{display:block;margin:0}
    .eval__item{width:100%;margin-top:20px;padding:0}
    .eval__item:first-child{margin-top:0}
    .eval__content{margin-top:20px}
    .eval__text{font-size:14px;line-height:22px}
    .profile__list>li{padding:20px 20px 0 20px}
    .profile__name{font-size:18px}
    .profile__wrap{padding-bottom:20px}
    .profile__content{margin-top:20px}
    .profile__subject{font-size:14px}
    .profile__text{font-size:14px}
    .profile__info>li{margin-top:10px}
    .dhexa{display:block;text-align:center}
    .dhexa__box{display:block;margin-bottom:20px;text-align:center}
    .dhexa__left{padding:3px;background-image:none;background:#269dff;background:linear-gradient(90deg,#269dff 0,#10c6c2 85%,#09d3af 100%,#03df9e 100%,#00e596 100%)}
    .dhexa__right{margin-top:20px;padding:3px;background-image:none;background:#269dff;background:linear-gradient(90deg,#269dff 0,#0ecabd 0,#0cceb7 71%,#03df9e 91%,#00e596 100%)}
    .dhexa__wrap{width:100%;height:100%;padding:40px;background-color:#fff;justify-content:flex-start;align-items:flex-start}
    .dhexa__title{width:100%;font-size:18px;line-height:28px}
    .dhexa__wrap .dot-list li{font-size:14px;text-align:left}
    .dhexa__box--center{display:inline-block;width:1px;height:100px;border-top:none;border-left:1px dashed #999}
    .dhexa__box--center::before{top:-3px;left:-3px}
    .dhexa__box--center::after{top:auto;bottom:-3px;left:-3px}
    .dhexa__box--right{margin-bottom:0}
    .dhexa__circle{width:200px;height:200px;border:none;background-color:rgba(0,0,0,0);background-image:url(../images/common/img_dhexa_right.svg);background-position:center;background-size:contain;background-repeat:no-repeat}
    .white-box{padding:30px 20px}
    .white-box__item{display:block;text-align:left;padding:0;margin-top:15px;font-size:14px;line-height:22px}
    .white-box__row:first-child .white-box__item:first-child{margin-top:0}
    .esg-manage{display:none}
    .mo-manage{display:block}
    .mo-manage__top{text-align:center}
    .mo-manage__figure{flex-basis:103px;flex-shrink:0}
    .mo-manage__circle{display:inline-flex;justify-content:center;align-items:center;width:210px;height:210px;background-image:url(../images/common/icon_mo_manage_top.svg);background-position:center;background-size:contain;background-repeat:no-repeat;font-size:18px;line-height:24px;font-weight:500;color:#fff}
    .mo-manage__contents{padding-left:20px;flex-basis:100%}
    .mo-manage__title{font-size:18px;font-weight:500;line-height:28px}
    .mo-manage__text{font-size:14px;font-weight:300;line-height:20px}
    .mo-manage__bottom{margin-top:40px}
    .mo-manage__bottom ul li{display:flex;align-items:center;margin-top:40px}
    .mo-manage__bottom ul li:first-child{margin-top:0}
    .number-tiles.number-tiles--bggray>ul>li{margin-top:0}
    .sub-banner--greeting{background-image:url(../images/common/img_company_introbg_mo.jpg)}
    .product--gallery .product__title>span{display:none}
    .dir-wrap{margin-top:0}
    .ind-overview__wrap{flex-basis:100%}
    .toggle-box__img{display:none}
    .toggle-box__content{padding-left:0}
    .toggle-box__link{font-size:16px}
    .toggle-box{padding:20px 0}
    .ind-overview__subject{font-size:28px;justify-content:flex-start;padding:0 20px}
    .box__wrap--esg{margin-top:80px}
    .chart-box__wrap--twocol{padding-bottom:0}
    .chart-box__wrap--twocol .tablewrap__guide{display:block;visibility:visible;opacity:1}
    .chart-box__wrap--twocol .tablewrap__guide.hide{opacity:0;visibility:hidden}
    .chart__scrollwrap--twocol .chart-box__figure{display:block;height:auto}
    .chart-box__wrap--twocol canvas{width:100%}
    .box__wrap--align .chart-box{display:block}
    .chart__scrollwrap--twocol .chart{width:100%}
    .chart__scrollwrap--twocol .chart:first-child{margin-right:0}
    .chart-box__content{margin-bottom:55px}
    .chart--column .chart{padding:0}
    .roadmap{display:none}
    .roadmap__moimgae{display:block}
    .box__wrap--table .tablewrap__guide{display:block}
    .box__wrap--table .tablewrap__guide.hide{opacity:0;visibility:hidden}
    .number-tile__top--bold{font-size:26px}
    .number-tile__top--light{font-size:18px}
    .esg-subtext{line-height:33px}
    .sub-title .btn-wrap--momt70{margin-top:70px}
    .btn-wrap--esg .btn-square{display:block;margin-left:0;margin-right:0;max-width:300px;margin-bottom:10px}
    .btn-wrap--esg .btn-square:last-child{margin-bottom:0}
    .white-box__item::before{display:none}
    .parabox--ac .parabox__after{margin-top:25px;clip-path:polygon(0 0,100% 0,100% 0,0 0)}
    .parabox--ac .parabox__wrap{width:100%;padding:40px}
    .sub-recruit__control{padding-top:73px}
    .btn-contact{bottom:85px;right:20px}
    .system--rank .system__list{padding:20px;margin-right:-60px}
    .system--rank .system__list li:nth-child(2n) .system__box::after{display:none}
    .system--rank .system__name--ko{font-size:18px;line-height:1}
    .system--rank .system__box{padding:20px 10px}
    .system--rank .system__list li .system__box .system__icon{margin-bottom:15px}
    .system--rank .system__list li{margin-left:-20px}
    .color-change__item{display:block;padding:60px 20px}
    .color-change__item:first-child{padding-top:120px}
    .color-change__item:last-child{padding-bottom:120px}
    .color-change__left{text-align:left}
    .color-change__right{margin-top:30px;padding-left:0}
    .color-change__text{margin-top:15px}
    .corevalue-ani__text{font-size:40px}
    .corevalue-ani__text{flex-direction:column;line-height:1.2}
    .corevalue-ani__left{justify-content:center}
    .corevalue-ani__right{justify-content:center}
    .corevalue-ani__padding{width:0;height:300px}
    .etcterm__select{min-width:auto;width:100%}
    .etcterm__row{margin-top:30px}
    .error-page__text{padding:0 20px}
    .error-page__text br{display:none}
    .error-page__figure img{width:110px}
    .world-map__inner--blue .world-map__color g path{fill:#0066e0}
    .world-map__inner--green .world-map__color g path{fill:#00bd74}
    .world-map__inner--orange .world-map__color g path{fill:#ff8541}
    .world-map__inner--purple .world-map__color g path{fill:#aa40eb}
    .map__address{display:block}
    .map__left{width:100%}
    .map__right{width:100%;margin-top:20px}
    .map__col{flex-basis:calc(100% - 105px)}
    .map__col--tar{flex-basis:110px;flex-shrink:0;text-align:right}
    .list>li{display:block;margin-bottom:50px}
    .list__contents{margin-top:30px;padding-left:0}
    .list__title{font-size:20px}
    .list__contents p{margin-top:15px;font-size:16px;line-height:22px}
    .half-layout__name{font-size:16px;line-height:1.2}
    .half-layout__wrap{margin-top:15px}
    .half-layout__wrap>span{font-size:12px;font-weight:300}
    .half-layout__link{padding-left:15px}
    .image-card--big .image-card__list{margin:0}
    .image-card--big .image-card__list>li{width:100%;padding:0}
    .image-card--big .image-card__title{margin-top:20px;font-size:18px}
    .image-card--col3 .image-card__title{font-size:14px;line-height:20px}
    .image-card--col3 .image-card__list>li{width:50%;margin-top:50px}
    .image-card--col3 .image-card__list>li:nth-child(-n+3){margin-top:50px}
    .image-card--col3 .image-card__list>li:nth-child(-n+2){margin-top:0}
    .promotion--small .promotion__content{margin-top:20px;padding-top:0}
    .promotion--small .promotion__title{font-size:16px}
    .image-card--big .image-card__list>li{margin-top:50px}
    .image-card--big .image-card__list>li:first-child{margin-top:0}
    .wide-box{display:block;position:relative;bottom:auto;right:auto;padding:40px 0 120px 0}
    .wide-box__bottom ul{display:block;text-align:center;font-size:0}
    .wide-box__bottom ul li{width:50%;min-width:auto;color:#000;box-sizing:border-box;padding:0}
    .wide-box__bottom ul li:first-child{padding-right:0}
    .wide-box__bottom ul li:last-child{padding-left:0}
    .wide-box__bottom ul li p{font-size:16px}
    .wide-box__bottom ul li strong{margin-top:15px;font-size:20px}
    .history{padding:0 20px}
    .history__wrap{margin-top:50px;padding-top:0;border-top:1px solid #999}
    .history__left{display:inline-block;position: relative;width: 100%;padding-left: 0;margin-top: 30px}
    .history__list{padding-bottom:0}
    .history__right{width:100%;margin-left:0;padding:0}
    .history__year{position:static;font-size:20px}
    .history__month{margin-top:30px;padding-left:0}
    .history__month>ul>li{margin-top:20px}
    .history__row{padding:50px 0}
    .history__month>ul>li>ul>li{margin-top:10px}
    .history__month>ul>li>b{top:0;font-size:16px;line-height:22px}
    .floor__top{font-size:16px}
    .floor__bottom{font-size:16px;line-height:22px}
    .floating-box__bigger{width:60vw;height:200px;background-image:url(../images/common/bg_floating_mo.jpg);background-position:100% 72%}
    .title{font-size:28px}
    .dot-title{margin-top:15px}
    .product--gallery{margin-top:70px}
    .product--gallery>ul{margin:0 -20px}
    .product--gallery>ul li{width:50%;margin-top:40px}
    .product--gallery>ul li:nth-child(-n+3){margin-top:40px}
    .product--gallery>ul li:nth-child(-n+2){margin-top:0}
    .product--gallery>ul li:nth-child(odd){padding-right:7px;padding-left:20px}
    .product--gallery>ul li:nth-child(even){padding-right:20px;padding-left:7px}
    .product--gallery .product__contents{padding-top:20px}
    .product--gallery .product__title{font-size:16px}
    .product--gallery .product__text{margin-top:10px;font-size:12px}
    .product--gallery .product__title>span::before{background-image:none}
    .inquiry{padding:163px 0}
    .inquiry__wrap{margin-top:30px}
    .inquiry h4{font-size:30px}
    .inquiry p{margin-top:20px;font-size:16px}
    .inquiry h4{font-size:30px}
    .article--nopd{padding:0}
    .product--list{margin-top:70px}
    .product__title{font-size:24px}
    .product__text{margin-top:15px;font-size:14px}
    .product--list>ul>li{margin-top:120px}
    .product-link__list>li>a{padding:25px 40px 25px 0;font-size:16px}
    .product-link__list>li>a::before{top:50%;transform:translateY(-50%);width:14px;height:14px;background-size:cover}
    .list--at{padding-bottom:70px}
    .list--at>li .list__figure{flex-basis:100%;flex-shrink:1;margin-bottom:30px}
    .list--at>li .list__contents{flex-shrink:1;padding-left:0}
    .list--at>li{flex-wrap:wrap}
    .list__figure img{width:100%}
    .article .top-lab{margin-bottom:50px}
    .br-none{display:none}
    .arch-pc-img{display:none}
    .arch-mo-img{display:block}
    .arch-mo-img>img{width:100%}
    .arch-pc-bg{background:unset!important;height:100%;padding-top:0}
    .parabox .sub-title{margin-bottom:50px;padding-top:50px}
    .parabox__subtitle{font-size:18px}
    .parabox__wrap{margin-top:25px}
    .parabox h4{color:#000;font-size:24px}
    .parabox__bottom{color:#000;border-top:1px solid #ddd}
    .parabox__list{flex-direction:column;gap:15px}
    .freelayout__figure img{width:100%}
    .freelayout__row{flex-direction:column;margin:0}
    .freelayout__box{padding:0;margin-top:70px;max-width:100%;width:100%}
    .freelayout__box--01{margin-top:0}
    .freelayout__bottom{font-size:20px}
    .article--bgwhite{background-color:#fff;padding-bottom:0}
    .inter-box .box__wrap h5{line-height:30px;margin-bottom:30px}
    .inter-box p.mb-small{margin-bottom:15px}
    .promotion--twocol .promotion__item{width:100%;padding-top:20px;padding-bottom:50px}
    .promotion--twocol .promotion__item:last-child{padding-bottom:0}
    .promotion--twocol .promotion__content{padding-left:0;padding-top:30px}
    .promotion--twocol .promotion__title{font-weight:500}
    .promotion--twocol .promotion__text{font-size:16px;margin-top:10px}
    .promotion--twocol .promotion__item:nth-child(-n+2){margin-top:0}
    .promotion--twocol .promotion__item:nth-child(-n+3){margin-top:0}
    .promotion--twocol .promotion-mo{display:block}
    .promotion--twocol .promotion-pc{display:none}
    .patent__chart h5{font-size:22px}
    .patent__chartwrap{margin-left:-25px}
    .patent__imgwrap{margin-bottom:20px}
    .patent__imgwrap img{width:55px;height:55px}
    .patent__subtitle{font-size:18px;margin-bottom:15px}
    .patent__text{font-size:16px;line-height:22px}
    .fullbox__small{margin-bottom:30px}
    .fullbox__smalltext b.fs-16{font-size:16px}
    .fullbox__top{margin-bottom:15px}
    .fullbox__subtitle{margin-bottom:30px;line-height:28px}
    .fullbox__text p{margin-bottom:15px;font-size:16px;line-height:22px}
    .number__info{flex-direction:column}
    .number__info>div{width:100%}
    .number__imgwrap{margin-top:30px}
    .number__content{padding-right:0}
    .ancbox-car__item{min-width:auto}
    .ancbox-car__title{font-size:16px;padding-bottom:10px}
    .ancbox-car__sub{font-size:16px}
    .ancbox-car_partsimgwrap img{width:100%}
    .image-card--col3 .image-card__list{margin:0 -10px}
    .image-card--col3 .image-card__list>li{padding:0 10px}
    .promotion--fourcol .promotion__figure{width:100%;flex-basis:100%}
    .job{margin-top:70px}
    .job__contents{display:block}
    .job__leftbox{position:sticky;top:70px;left:0;margin-bottom:0;background-color:#fff;z-index:1}
    .job__leftbox ul{display:flex;position:relative;border-bottom:2px solid #ddd}
    .job__leftbox ul.active{position:relative;top:auto}
    .job__leftbox ul li{position:relative;flex:1;text-align:center;padding:15px 0;font-size:16px}
    .job__leftbox ul li::after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);display:inline-block;width:0;height:2px;background-color:#0066e0;transition:.34s ease}
    .job__leftbox ul li.active{font-size:16px;transform:scale(1);color:#0066e0}
    .job__leftbox ul li.active::after{width:100%}
    .job__leftbox ul li:first-child{padding-top:15px}
    .job__leftbox ul li.active:first-child{padding-top:15px}
    .job__leftbox ul.active.bottom{position:relative;top:0;bottom:auto}
    .job__rightbox{margin-top:70px}
    .form-box__email select{width:100%}
    .form-box__phone select{width:100%}
    .corevalue-ani__subtext{font-size:16px;line-height:28px;padding:0 20px}
    .image-card--itemmt0 .image-card__list>li:nth-child(-n+2){margin-top:30px}
    .image-card--itemmt0 .image-card__list>li:first-child{margin-top:0}
    .box__wrap.mt-mid{margin-top:30px}
    .map__col--60{flex-basis:100%}
    .map__col--40{flex-basis:0}
    .tablewrap__guide--mobhidden{opacity:0;visibility:hidden}
    .tbl--product{min-width:auto}
    .preview .default-info__right{padding-left:0}
    .renewal-page__figure img{width:260px}
    .parabox--ac .parabox__bigger{background-image:url(../images/common/img_lab_magok01_1_mo.jpg)}
    .slide-layer__box{padding:60px 10px 80px}
    .slide-layer__top{top:20px;right:20px}
    .slide-layer__wrap{padding:20px 10px}
    .slide-layer__description p{font-size:16px;line-height:1.4}
    .slogan--gov .btn-square{float:none;display:block;margin:30px 0 0 0}
    .map-marker{display:none}
    .article--worldmap{height:auto}
    .world-map__layer{position:absolute;top:0;left:0}
    .world-map__box{position:relative;left:auto;transform:none;padding-top:100px}
    .recruit-view__wrap{padding:0}
    .form-box__col3box .select-box{min-width:auto}
    .form-box__col2box .select-box{min-width:auto}
    .title-div--mb{margin-bottom:50px}
    .revbox--nomargin .revbox__text{font-size:14px}
    .system__development b{font-size:18px}
    .system__development p{margin-top:10px;font-size:14px}
    .system__development li:not(:last-child){font-size:14px;margin-bottom:30px}
    .tbl-head__title{font-size:24px;line-height:36px}
    .inquiry-box .tab{margin-bottom:70px}
    .tiles__text{padding-right:0}
    .apply__alert{padding:20px 10px;padding-left:10px;text-align:center}
    .history__month>ul>li>ul>li.snap::after{content:"";display:inline-block;width:10px;height:10px;margin-left:5px;background:url(../images/icons/icon_layer.svg) center/auto no-repeat}
    .map__title{font-size:14px}
    .article.article--moshortbottom{padding-bottom:60px}
    .corevalue-ani__subtext{margin-top:200px}
    .fullbox__smalltext{font-size:16px}
    .box__wrap h5 small{font-size:14px;line-height:24px}
    .sub-title--ko>h4 small{font-size:16px;line-height:26px}
    .chart+.chart{margin-top:60px}
    .revbox--nomargin{padding-top:20px}
	.info__contents{padding:0}
    .prd_view_wrap .vip_setion_top{display: inline-block}
	.prd_view_wrap .vip_setion_top .section_left,.prd_view_wrap .vip_setion_top .section_right{width: 100%}
	.prd_view_wrap .vip_setion_top .section_right{margin: 20px 0 0 0;}
	.prd_view_wrap .recent_view{padding: 0 20px 60px}
	.prd_view_wrap .recent_view .recommand-container li{width: calc((100% - 20px) / 2);margin: 0 20px 20px 0;}
	.prd_view_wrap .recent_view .recommand-container li:nth-child(2n){margin-right: 0}
	.prd_view_wrap .recent_view .recommand-container li .img_wrap{width: 80%;margin: 0 auto 10px;}
    .article.horizontal-parallax{background-color: #f9f9f9}
    .article.horizontal-parallax .box{height: auto}
}
@media screen and (max-width:580px){
    .tri-hexa__list{padding-top:40.5vw}
    .roadmap__moimgae{padding-right:30px}
    .floor__top{font-size:16px;line-height:22px}
    .floor__bottom{font-size:16px;line-height:22px}
    .floor__mo-title{padding-left:20px;padding-bottom:50px;font-size:20px;font-weight:500}
    .patent__chart h5{font-size:16px;line-height:20px}
    .fullbox__small{font-size:14px}
    .fullbox__title{font-size:22px}
    .ancbox-car__sub{font-size:12px}
    .marker-tag--lab{margin-left:9px}
    .article.article--top{padding: 60px 0 0}
    .article.horizontal-parallax{height: auto!important}
    .site-en .footer__logo { text-align: center; width: 100%;}
    .copyright { text-align: center;}
}
@media screen and (max-width:450px){
    .tri-hexa__list{padding-top:40vw}
    .slogan--gov .btn-square{width:100%}
    .btn-esg .btn-square--bgblue{width:100%}
    .btn-wrap--esg .btn-square{max-width:100%}
    .revbox--nomargin .revbox__title{font-size:22px}
}
@media screen and (max-width:390px){
    .tri-hexa__list{padding-top:39.6vw}
}
@media screen and (max-width:1366px)and (hover:hover){
    .btn:hover .text::before{right:5px}
    .btn-hexa:hover .btn-hexa__text{color:#fff}
    .btn-hexa:hover .btn-hexa__text::before{right:-22px}
    .btn-hexa:hover .btn-hexa__bg{width:70px}
    .btn-arrow--blk:hover{color:#259dff}
    .btn-arrow--download:hover{color:#259dff}
}
@media screen and (min-width:1024px)and (hover:hover){
    .btn-wave:hover .btn-wave__wrap{-webkit-clip-path:polygon(73% 0,91% 0,100% 50%,91% 100%,73% 100%,64% 50%);clip-path:polygon(73% 0,91% 0,100% 50%,91% 100%,73% 100%,64% 50%)}
    .btn-wave:hover .btn-wave__text{color:#fff}
    .btn-wave:hover .btn-wave__text::before{right:-23px;background-image:url(../images/common/btn_arrow_white.svg)}
    .btn-wave:hover .btn-wave__circle{transform:scale(30)}
    .btn-wave--bgblue:hover .btn-wave__text{color:#000}
    .btn-wave--bgblue:hover .btn-wave__text::before{background-image:url(../images/common/hexa_btn_arrow.svg)}
    .btn-wave--large:hover .btn-wave__wrap{-webkit-clip-path:polygon(73% 0,91% 0,100% 50%,91% 100%,73% 100%,0 50%);clip-path:polygon(79% 0,93% 0,100% 50%,93% 100%,79% 100%,72% 50%)}
    .btn-wave--large:hover .btn-wave__text::before{right:-28px}
}