@charset "utf-8";
/*******************************
* Site Name: 에코솔루션즈
* Client: 에코솔루션즈
* Author: 
* Description: 에코솔루션즈
* Update: 2024.07
********************************/

/********************************************************
* Common
*********************************************************/
/* .en-page{font-family:"Poppins", sans-serif!important;}
.poppins{font-family:"Poppins", sans-serif!important;}
.inter{font-family:"Inter", sans-serif!important;}
.ridi, .en-page .ridi{font-family:"RIDIBatang", serif!important;} */
.icon{display:inline-block;vertical-align:middle;}
.select-arrow{position:absolute;top:50%;margin:0!important;font-size:13px;transform:translateY(-50%);}
.inner{max-width:1440px;}
.btn-icon{position:absolute;}
.btn-icon::before{display:inline-block;position:relative;top:-1px;}
.btn-st1{display:inline-block;position:relative;padding:0 30px;font-size:14px;color:#fff;}
.btn-st1 .diamond{position:absolute;top:50%;left:0;width:50px;height:50px;transform:translateY(-50%);}
.btn-st1 .diamond::after{content:"";display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;background-color:#e40000;transform:rotate(45deg);transition:transform .3s ease;}
.btn-st1:hover .diamond::after{transform:rotate(135deg);}
.btn-st1 .more{position:relative;font-family:"Poppins";z-index:50;}
.btn-st1 .xi-long-arrow-right{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.btn-st1 .xi-long-arrow-right::before{color:rgba(255,255,255,.5);transition:color .3s ease;}
.btn-st1:hover .xi-long-arrow-right::before{color:#fff;}
.btn-st2{display:inline-block;position:relative;padding-right:35px;font-family:"Poppins";font-size:14px;color:rgba(255,255,255,.5);transition:color .3s ease;}
.btn-st2:hover{color:#fff;}
.btn-st2 .btn-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);transition:transform .3s ease;}
.btn-st2:hover .btn-icon{transform:translateX(5px) translateY(-50%);}
.red-sub-title{display:block;font-family:"Poppins"!important;font-size:16px;font-weight:700;color:#e40000;line-height:1;letter-spacing:0.1em;;}
.overflow-hideen, .show-modal{overflow:hidden;}

.prive-pop{position:fixed;top:50%;left:50%;width:90%;max-width:500px;height:90%;max-height:400px;visibility:hidden;opacity:0;transform:translate(-50%, -50%);transition:visibility .3s, opacity .3s;z-index:1600;}
.prive-pop.show{visibility:visible;opacity:1;}
.prive-pop .pop-close{position:absolute;top:-40px;right:-10px;}
.prive-pop .pop-close .icon{display:inline-block;font-size:40px;color:#fff;}
.prive-pop .pop-inner{width:100%;height:100%;padding:30px 20px;border-radius:15px;background-color:#fff;}
.prive-pop .title{text-align:center;font-size:18px;}
.prive-pop .text-box{width:100%;height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden;padding:10px;margin-top:20px;font-size:14px;border:1px solid #e5e5e5;}

@media (max-width:768px){
  .btn-st1 .diamond{width:40px;height:40px;}
  .btn-st1 .diamond::after{border-radius:10px;}
}
@media (max-width:640px){
  .btn-st1, .btn-st2{font-size:13px;}
}


/********************************************************
* Header
*********************************************************/
.header{position:fixed;top:0;left:0;width:100%;height:100px;overflow:hidden;transition:height .3s, background-color .1s, box-shadow .3s;z-index:1500;}
.header.show{height:397px;}
.en-page .header.show{height:447px;}
.header-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;width:100%;height:100px;padding:0 60px;transition:height .3s, background-color .3s;}
.header-inner::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.15);z-index:50;}
.header-inner .logo{width:185px;height:40px;}
.header-inner .logo-link{display:block;width:100%;height:100%;background:url("../images/common/header_logo.png") no-repeat center center;background-size:100% auto;text-indent:-9999px;}
.header-inner .btn-procurement .poppins > *{font-family: "Poppins", sans-serif!important;}
.en-page .header-inner .logo-link{line-height:1.2em;}
.gnb{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:44.67%;max-width:800px;height:100%;overflow:hidden;margin-left:195px;transition:overflow .3s ease;flex-shrink:2;}
.gnb .menu{position:relative;width:20%;}
.gnb .menu-link{display:flex;justify-content:center;align-items:center;width:100%;height:100px;font-size:17.5px;color:#fff;transition:color .3s ease;}
.header .gnb .menu-link:hover{color:#e31d1a!important;}
.gnb .menu.active .menu-link{color:#e31d1a!important;}
.header:not(.floating):not(.hover) .menu .menu-link{opacity:.8;}
.header:not(.floating):not(.hover) .menu.active .menu-link{opacity:1;}
.header:not(.floating):not(.hover) .menu .menu-link::after{content:"";position:absolute;bottom:30px;left:50%;width:60%;height:2px;visibility:hidden;opacity:0;background-color:#fff;transform:translateX(-50%);transition:visibility .3s, opacity .3s;}
.en-page .header:not(.floating):not(.hover) .menu .menu-link::after{width:70%;}
.header:not(.floating):not(.hover) .menu:hover .menu-link::after, .header:not(.floating):not(.hover) .menu.active .menu-link::after{visibility:visible;opacity:1;}
.header:not(.floating):not(.hover) .menu.active .menu-link{font-weight:500;color:#fff!important;}
.depth{position:absolute;top:100px;left:0;width:100%;height:0;overflow:hidden;visibility:hidden;opacity:0;transition:visibility .5s, opacity .5s, height .5s;}
.en-page .depth{padding:0 5px;}
.depth:before{content:"";position:absolute;top:0;left:0;width:100%;height:297px;visibility:hidden;opacity:0;background-color:#fafafa;transition:visibility .5s, opacity .5s;z-index:-1;}
.en-page .depth:before{height:347px;}
.depth.show:before{visibility:visible;opacity:1;}
.header.show .depth{height:297px;visibility:visible;opacity:1;}
.en-page .header.show .depth{height:347px;}
.gnb .menu.active .depth:before{visibility:visible;opacity:1;}
.depth .depth-item{position:relative;margin-bottom:20px;text-align:center;line-height:1.4em;z-index:50;}
.depth .depth-item:first-child{padding-top:25px;}
.depth .depth-item:last-child{margin-bottom:40px;}
.depth .depth-link{display:inline-block;font-size:15.5px;color:#838789;line-height:1.4em;transition:color .3s;}
.depth .depth-link:hover{color:#e31d1a;}
.depth .depth-item.active .depth-link{color:#e31d1a;}
.quick-wrap{display:flex;align-items:center;}
.btn-procurement{display:block;width:190px;height:40px;opacity:.5;margin-right:10px;font-size:14px;color:#fff;line-height:34px;text-align:center;border:3px solid #fff;border-radius:20px;transition:color .3s, border-color .3s;}
.header.hover .header-inner .btn-procurement:hover{opacity:1;color:#838789;border-color:#838789;}
.btn-procurement .poppins{display:inline-block;font-weight:500;vertical-align:middle;}
.btn-procurement .icon{margin-right:13px;}
.language-wrap{position:relative;width:110px;height:40px;opacity:.5;padding:0 17px;margin-right:40px;border:3px solid #fff;border-radius:20px;transition:border-color .3s, border-radius .1s;z-index:100;}
.language-wrap:hover{opacity:1;border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.header.hover .header-inner .language-wrap:hover, .header.hover .header-inner .language-wrap.active{border-color:#848484;}
.language-wrap .default{display:block;position:relative;width:100%;height:34px;font-size:14px;color:#fff;line-height:34px;transition:color .3s, background-color .3s;z-index:10;}
.language-wrap:hover .default::after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #e5e5e5;}
.header .header-inner .language-wrap:hover .default, .header .header-inner .language-wrap.active .default{color:#838789;}
.language-wrap .default .poppins{display:inline-block;font-weight:500;vertical-align:middle;}
.language-wrap .default .icon{margin-right:9px;}
.language-wrap .select-arrow{right:0;}
.language-list{position:absolute;top:35px;left:50%;width:calc(100% + 6px);height:0;overflow:hidden;visibility:hidden;opacity:0;padding:0;border:3px solid #848484;border-top:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;transform:translateX(-50%);transition:height .3s, border-color .3s, background-color .3s;}
.header .header-inner .language-wrap:hover .language-list, .header .header-inner .language-wrap.active .language-list{border-color:#848484;}
.language-wrap:hover .language-list{height:70px;visibility:visible;opacity:1;}
.language-list .item:first-child{padding-top:8px;}
.language-list .item{margin-bottom:8px;}
.language-list .item-link{display:block;opacity:.6;margin-left:-7px;font-size:14px;font-weight:500;color:#838789;text-align:center;}
.language-list .item-link:hover{opacity:1;}
.btn-bar{display:block;position:relative;width:30px;height:22px;font-size:0;text-align:right;border:0;background:none;}
.btn-bar::before, .btn-bar::after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:#fff;transition:background-color .3s;}
.btn-bar::before{top:0;}
.btn-bar::after{bottom:0;}
.btn-bar .bar{display:inline-block;width:20px;height:2px;vertical-align:middle;background-color:#fff;transition:width .3s, background-color .3s;}
.btn-bar:hover .bar{width:100%;}

.all-menu{display:flex;align-items:center;position:fixed;top:0;right:0;width:100%;height:100%;visibility:hidden;opacity:0; background-color:#fff;transition:transform .3s, visibility .3s, opacity .3s;z-index:1600;}
.all-menu.active{visibility:visible;opacity:1;}
.mo-gnb-top{display:none;}
.all-menu-close{display:block;position:absolute;top:39px;right:76px;width:30px;height:30px;border:0;background:none;z-index:100;}
.main .all-menu-close{right:60px;}
.all-menu-close::before, .all-menu-close::after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background-color:#e31d1a;transition:transform .3s;}
.all-menu-close:hover::before{transform:rotate(45deg);}
.all-menu-close:hover::after{transform:rotate(-45deg);}
.all-menu .left{position:absolute;top:0;left:0;width:50%;height:100%;background:url("../images/common/all_menu_img.jpg") no-repeat top center;background-size:cover;transition:width .3s;}
.all-menu .right{display:flex;justify-content:flex-end;align-items:flex-end;position:absolute;top:0;right:0;width:50%;height:100%;padding:0 60px 100px 0;transition:width .3s, padding .3s;}
/* .all-menu .right::before{content:"Global Top Acryl Solution Company";position:absolute;bottom:0;left:0;width:305px;height:265px;padding:90px 0 0 104px;font-family:"Poppins";font-size:28px;font-weight:700;color:#dcdddf;line-height:1.2em;background:url("../images/common/all_menu_simbol2.png") no-repeat left bottom;box-sizing:border-box;} */
/* .all-menu .right::after{content:"";position:absolute;top:59px;right:0;width:123px;height:291px;background:url("../images/common/all_menu_simbol1.png") no-repeat right center;background-size:100% auto;} */
.all-quick-wrap{display:flex;}
.all-menu .inner{position:relative;max-width:1640px;height:100%;z-index:10;}
.en-page .all-gnb{width:44%;}
.all-gnb{position:absolute;top:calc(50% - 55px);right:20px;transform:translateY(-50%);}
.all-gnb .menu{display:flex;align-items:center;margin-bottom:70px;}
.en-page .all-gnb .menu{flex-wrap:wrap;align-items:flex-start;margin-bottom:50px;}
.all-gnb .menu:last-child{margin-bottom:0;}
.all-gnb .menu-link{position:relative;width:70px;font-size:20px;color:#231f20;transition:padding .3s, font .3s, color .3s;}
.en-page .all-gnb .menu-link{width:90px;line-height:1;}
.all-gnb .menu-link::before{content:"";position:absolute;top:50%;left:-30px;width:15px;height:2px;visibility:hidden;opacity:0;margin-top:-1px;background-color:#e31d1a;transform:translateX(-5px);transition:left .3s, visibility .3s, opacity .3s, transform .3s;}
.all-gnb .menu-link:hover, .all-gnb .menu.active .menu-link{color:#e31d1a;}
.all-gnb .menu-link:hover::before, .all-gnb .menu.active .menu-link::before{visibility:visible;opacity:1;transform:translateX(0);}
.all-depth{display:flex;margin-left:60px;transition:padding .3s;}
.en-page .all-depth{flex-wrap:wrap;width:calc(100% - 130px);margin-left:40px;}
.all-depth .depth-item{margin-right:32px;}
.en-page .all-depth .depth-item{margin-bottom:15px;}
.all-depth .depth-item:last-child{margin-right:0;}
.all-depth .depth-link{font-size:17.5px;font-weight:300;color:#838789;transition:color .3s;}
.all-depth .depth-link:hover, .all-depth .depth-item.active .depth-link{color:#e31d1a;}
.all-quick-wrap{position:relative;z-index:100;}
.all-btn-procurement{display:block;width:190px;height:40px;margin-right:10px;font-size:14px;color:#838789;line-height:34px;text-align:center;border:3px solid #838789;background-color:#fff;transition:opacity .3s;}
.all-btn-procurement:hover{opacity:.7;}
.all-btn-procurement .poppins{display:inline-block;font-weight:500;vertical-align:middle;}
.all-btn-procurement .icon{margin-right:13px;}
.all-language-wrap{position:relative;width:110px;height:40px;padding:0 17px;border:3px solid #838789;}
/* .all-language-wrap.active{border-bottom-color:transparent!important;} */
.all-language-wrap .default{display:block;position:relative;width:100%;height:34px;font-size:14px;color:#838789;line-height:34px;background-color:#fff;z-index:10;}
.all-language-wrap.active .default::after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #e5e5e5;}
.all-language-wrap .default .poppins{display:inline-block;font-weight:500;vertical-align:middle;}
.all-language-wrap .default .icon{margin-right:9px;}
.all-language-wrap .select-arrow{right:0;}
.all-language-list{position:absolute;top:34px;left:50%;width:calc(100% + 6px);height:0;overflow:hidden;border:3px solid #838789;border-top:0;background-color:#fff;transform:translateX(-50%);transition:height .3s;}
.all-language-wrap:hover .all-language-list{height:70px;}
.all-language-list .item{margin-bottom:8px;}
.all-language-list .item:first-child{padding-top:8px;}
.all-language-list .item-link{display:block;opacity:.6;margin-left:-7px;font-size:14px;font-weight:500;color:#838789;text-align:center;transition:opacity .3s;}
.all-language-list .item-link:hover{opacity:1;}
.mo-language-list{display:none;}

.main-scroll{display:flex;position:fixed;bottom:100px;right:20px;transform:rotate(90deg);}
.main-scroll .text{display:block;font-size:12px;color:#fff;line-height:13px;letter-spacing:0.02em;}
.main-scroll .effect{display:block;position:relative;width:25px;height:13px;margin-left:13px;border:2px solid #fff;border-radius:10px;}
.main-scroll .effect .icon{display:inline-block;position:absolute;top:50%;left:4px;margin-top:-2px;width:4px;height:4px;border-radius:50%;background-color:#fff;animation:wheelAnimate 1s infinite linear;}
.main-scroll.arrival .text{color:#222;}
.main-scroll.arrival .effect{border-color:#222;}
.main-scroll.arrival .effect .icon{background-color:#222;}
@keyframes wheelAnimate{
  0%{transform:translateX(0);}
  100%{transform:translateX(9px);}
}

/* Hover */
.header.hover, .header.arrival{background-color:#fff;}
/* .header::before{content:"Global Top Acryl Solution Company";position:absolute;bottom:0;left:60px;width:387px;height:244px;visibility:hidden;opacity:0;padding:23px 180px 0 0;font-family:"Poppins";font-size:28px;font-weight:700;color:#dcdddf;line-height:1.2em;background:url("../images/common/depth_simbol.png") no-repeat right bottom;box-sizing:border-box;transform:translateY(100%);transition:transform .3s;} */
.header.has-simbol.show::before{visibility:visible;opacity:1;transform:translateY(0);}
.header.hover .header-inner, .header.arrival .header-inner{justify-content:space-between;background-color:#fff;z-index:50;}
/* 헤더 밑줄 */
.header.hover .header-inner::after, .header.arrival .header-inner::after{background-color:#eee;}
.header.hover .logo-link, .header.arrival .logo-link{background:url("../images/common/header_logo_color.png") no-repeat center center;background-size:100% auto;}
.header.hover .gnb, .header.arrival .gnb{overflow:visible;}
.header.hover .menu-link, .header.arrival .menu-link{color:#231f20;}
.header.hover .btn-procurement, .header.arrival .btn-procurement{opacity:1;color:#b5b7b8;border-color:#dadbdb;}
.header.hover .language-wrap, .header.arrival .language-wrap{opacity:1;border-color:#dadbdb;}
.header.hover .language-wrap .default, .header.arrival .language-wrap .default{color:#b5b7b8;}
.header.hover .language-list, .header.arrival .language-list{border-color:#dadbdb;background-color:#fff;}
.header.hover .btn-bar::before, .header.hover .btn-bar::after, .header.hover .btn-bar .bar, .header.arrival .btn-bar::before, .header.arrival .btn-bar::after, .header.arrival .btn-bar .bar{background-color:#e31d1a;}

/* Floating */
.main .header.floating {background-color:rgba(0,0,0,.6);}
.main .header.floating.hover {background-color:#fff;}
body:not(.main) .header.floating{height:80px;box-shadow:0 0 15px rgba(0,0,0,.15);}
body:not(.main) .header.floating.show{height:377px;}
body.en-page:not(.main) .header.floating.show{height:427px;}
body:not(.main) .header.floating .header-inner{height:80px;background-color:#fff;}
body:not(.main) .header.floating .logo-link{background:url("../images/common/header_logo_color.png") no-repeat center center;background-size:100% auto;}
body:not(.main) .header.floating .menu-link{height:80px;color:#231f20;}
body:not(.main) .header.floating .btn-procurement{opacity:1;color:#b5b7b8;border-color:#dadbdb;}
body:not(.main) .header.floating .language-wrap{opacity:1;border-color:#dadbdb;}
body:not(.main) .header.floating .language-wrap .default{color:#b5b7b8;}
body:not(.main) .header.floating .language-list{border-color:#dadbdb;background-color:#fff;}
body:not(.main) .header.floating .btn-bar::before, body:not(.main) .header.floating .btn-bar::after, body:not(.main) .header.floating .btn-bar .bar{background-color:#e31d1a;}
body:not(.main) .header.floating .depth{top:80px;height:297px;}
body.en-page:not(.main) .header.floating .depth{height:347px;}

@media (max-width:1640px){
  .all-menu .inner{max-width:1440px;}
  .all-gnb .menu-link{font-size:18px;}
  .all-depth{margin-left:40px;}
  .en-page .all-depth{margin-left:30px;}
  .all-depth .depth-item{margin-right:22px;}
  .all-depth .depth-link{font-size:15.5px;}
}
@media (max-width:1600px){
  .header-inner{padding:0 20px;}

  .main .all-menu-close{right:20px;}
  .all-menu-close{right:36px;}
  .all-menu .right{padding-right:20px;}

  .main-scroll{right:-15px;}

  /* Hover */
  .header.has-simbol::before{left:20px;}
}
@media (max-width:1500px){
  .gnb{margin-left:125px;}
  .gnb .menu-link{font-size:16.5px;}
  .depth .depth-link{font-size:14.5px;}
  .btn-procurement{width:160px;height:34px;font-size:13px;line-height:29px;border-width:2px;}
  .btn-procurement .icon{margin-right:5px;}
  .language-wrap{width:80px;height:34px;padding:0 10px;margin-right:20px;border-width:2px;border-radius:17px;}
  .language-wrap .default{height:28px;margin-top:1px;font-size:13px;line-height:28px;}
  .language-wrap .default .icon{margin-right:5px;}
  .select-arrow{font-size:12px;}
  .language-list{top:31px;width:calc(100% + 4px);border-width:2px;border-bottom-right-radius:17px;border-bottom-left-radius:17px;}
  .language-wrap:hover .language-list{height:55px;}
  .language-list .item{margin-bottom:5px;}
  .language-list .item:first-child{padding-top:3px;}
  .language-list .item-link{margin-left:-5px;font-size:13px;}
  .btn-bar{width:25px;height:18px;}
  .btn-bar .bar{width:17px;}

  /* Hover */
  .header::before{width:307px;height:214px;padding-right:120px;font-size:24px;background-size:auto 100%;}
}
@media (max-width:1440px){
  .all-menu .right::before{display:none;}
  .all-menu .inner{max-width:1140px;}
  .all-gnb .menu{flex-direction:column;align-items:flex-start;margin-bottom:40px;}
  .en-page .all-gnb .menu{margin-bottom:20px;}
  .all-gnb .menu-link::before{left:-20px;width:10px;}
  .all-depth, .en-page .all-depth{margin:20px 0 0;}
  .en-page .all-depth {width:100%;}
}
@media (max-width:1280px){
  .header{height:80px;}
  .header-inner{height:80px;}
  .header-inner .logo{width:160px;}
  .gnb{width:54.67%;margin-left:40px;}
  .gnb .menu-link{height:80px;}
  .header:not(.floating):not(.hover) .menu .menu-link::after{bottom:20px;}
  .depth{top:80px;padding:0 0 15px;}
  .depth .depth-item{margin-bottom:15px;}
  .depth .depth-item:last-child{margin-bottom:20px;}
  .depth .depth-link{font-size:13.5px;}
  .btn-procurement{width:auto;height:auto;margin-right:15px;line-height:1.5em;border:0;}
  .language-wrap{width:70px;height:auto;padding:0 5px;border:0;border-radius:10px;}
  .header .header-inner .language-wrap:hover, .header .header-inner .language-wrap.active{border:1px solid #dadbdb;border-bottom:0;}
  .header .header-inner .language-wrap:hover .language-list, .header .header-inner .language-wrap.active .language-list{top:28px;width:calc(100% + 2px);height:50px;border:1px solid #848484;border-top:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
  .main-scroll{display:none;}

  /* Hover */
  .header.show{height:357px;}
  .en-page .header.show{height:397px;}
  .header.floating.show{height:357px;}
  .en-page .header.floating.show{height:397px;}
  .header.has-simbol::before{width:247px;height:154px;padding-right:90px;font-size:20px;background-size:auto 100%;}
  .header.floating .header-inner{height:80px;}
  .header.show .depth{height:277px;}
  .en-page .header.show .depth{height:327px;}
}
@media (max-width:1140px){
  .all-menu .left{width:42%;}
  .all-menu .right{width:58%;}
  .all-menu .inner{width:940px;}
  .en-page .all-gnb {width:52%;}
}
@media (max-width:1040px){
  .language-wrap{margin-right:10px;}
}
@media (min-width:971px){
  .all-depth{display:flex!important;height:auto!important}
}
@media (max-width:970px){
  .header-inner::after{display:none;}
  .header-inner{height:70px;}
  body:not(.main) .header.floating{box-shadow:none;}
  .header.floating .header-inner{height:70px!important;}
  .header.mo-open{visibility:hidden;opacity:0;}
  .header, .header.floating{height:70px!important;}
  .gnb, .language-wrap, .btn-procurement{display:none;}

  .all-menu{flex-direction:column-reverse;justify-content:flex-end;align-items:flex-end;width:calc(100% - 40px);max-width:400px;overflow:hidden;transform:translateX(100%);}
  .all-menu.active{box-shadow:0 0 20px rgba(0,0,0,0.25);transform:translateX(0);}
  .all-menu-close{top:20px;right:20px;}
  .all-menu-close::before{transform:rotate(45deg);}
  .all-menu-close::after{transform:rotate(-45deg);}
  .all-menu .left{display:none;}
  .all-menu .right{justify-content:center;position:relative;width:100%;height:auto;padding:0;}
  .all-menu .right::before, .all-menu .right::after{display:none;}
  .all-menu .inner{width:100%;height:calc(100% - 100px);overflow-x:hidden;overflow-y:auto;padding:0;}
  .mo-gnb-top{display:flex;justify-content:space-between;align-items:center;height:80px;padding:0 60px;}
  .mo-gnb-top .logo{width:185px;height:40px;flex-shrink:1;}
  .mo-gnb-top .logo-link{display:block;width:100%;height:100%;background:url("../images/common/header_logo_color.png") no-repeat center center;background-size:100% auto;text-indent:-9999px;}
  .all-gnb{position:relative;top:0;right:0;margin-top:20px;transform:none;}
  .en-page .all-gnb{width:100%;}
  .all-gnb .menu, .en-page .all-gnb .menu{margin-bottom:0;border-bottom:1px solid #e5e5e5;}
  .all-gnb .menu-link{display:flex;align-items:center;width:100%;height:70px;padding:0 80px;}
  .all-gnb .menu-link::before{left:60px;visibility:visible;opacity:1;transform:none;}
  .all-gnb .menu-link::after{content:"";position:absolute;top:50%;left:60px;width:10px;height:2px;margin-top:-1px;background-color:#e31d1a;transition:left .3s, transform .3s;}
  .all-gnb .menu .menu-link::after{transform:rotate(90deg);}
  .all-gnb .menu.active .menu-link::after{transform:rotate(0);}
  .all-depth{display:none;flex-direction:column;width:100%;overflow:hidden;padding:0 80px;margin:0;background-color:#f8f8f8;}
  .all-depth .depth-item{margin-right:0;}
  .all-depth .depth-item:not(:first-child){margin-top:10px;}
  .all-depth .depth-item:first-child{padding-top:30px;}
  .all-depth .depth-item:last-child{padding-bottom:30px;}

  .all-btn-procurement{margin:0;}
  .all-quick-wrap{flex-direction:column;align-items:center;}
  .all-language-wrap{width:auto;height:auto;padding:0;margin-top:15px;border:0;}
  .all-language-wrap .default{display:none;}
  .all-language-list{display:flex;align-items:center;position:relative;top:0;left:0;width:auto;height:auto;border:0;transform:none;}
  .all-language-wrap:hover .all-language-list{height:auto;}
  .all-language-list .item{margin:0;}
  .all-language-list .item:first-child{padding:0;}
  .all-language-list .item:not(:last-child){position:relative;padding-right:10px;margin-right:9px;}
  .all-language-list .item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:8px;background-color:#838789;transform:translateY(-50%);}
  .all-language-list .item-link{display:block;margin:0;font-size:12px;font-weight:500;color:#838789;line-height:1;}
}
@media (max-width:640px){
  .mo-gnb-top{height:60px;padding:0 20px;}
  .mo-gnb-top .logo{width:160px;}
  .all-menu-close{top:15px;}
  .all-gnb{margin-top:10px;}
  .all-gnb .menu-link{height:55px;padding:0 40px;font-size:16px;}
  .all-gnb .menu-link::before, .all-gnb .menu-link::after{left:20px;}
  .all-depth{padding:0 40px;}
  .all-depth .depth-item:first-child{padding-top:15px;}
  .all-depth .depth-item:last-child{padding-bottom:15px;}
  .all-depth .depth-link{font-size:14px;}
  .all-menu .right{justify-content:center;}
  .all-menu .inner{height:calc(100% - 70px);}
  .all-quick-wrap{flex-direction:row;margin-top:20px;}
  .all-btn-procurement{width:140px;height:30px;margin-right:20px;font-size:12px;line-height:26px;border-width:2px;}
  .all-btn-procurement .icon{margin-right:7px;}
  .all-language-wrap{margin-top:0;}
}


/********************************************************
* Main
*********************************************************/
/* Common */
.bg-animate{position:absolute;top:0;left:0;width:100%;height:100%;}
.bg-animate.start-animate{animation:mainBgTransform 1s linear;transform:scale(1.1);}
@keyframes mainBgTransform{
  0%{transform:scale(1);}
  100%{transform:scale(1.1);}
}

/* Visual */
.main-visual-wrap{position:relative;width:100%;height:100vh;}
.main-visual{position:relative;width:100%;height:100%;}
.main-visual .slick-list, .main-visual .slick-track{height:100%;}
.main-visual .item{position:relative;width:100%;height:100%;}
.main-visual .item1 .bg-animate{background:url("../images/main/main_visual1.jpg") no-repeat top center;background-size:cover;}
.main-visual .item2 .bg-animate{background:url("../images/main/main_visual2.jpg") no-repeat top center;background-size:cover;}
.main-visual .item3 .bg-animate{background:url("../images/main/main_visual3.jpg") no-repeat top center;background-size:cover;}
.main-visual-wrap .text-wrap{position:absolute!important;top:calc(50% + 92px);left:0;width:100%;visibility:hidden;opacity:0;margin-top:-50px;text-align:center;transform:translateY(-55%);animation:visualText 1.5s linear;animation-delay:.5s;animation-fill-mode:forwards;z-index:100;}
.main-visual-wrap .vis-counter{position:relative;}
.main-visual-wrap .vis-counter::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background-color:rgba(255,255,255,.5);transform:translate(-50%, -50%);}
.main-visual-wrap .vis-counter .idx{padding:0 27.5px;font-size:16px;font-weight:900;color:#e31d1a;}
.main-visual-wrap .vis-counter .total{padding:0 27.5px;font-size:16px;font-weight:900;color:rgba(255,255,255,.5);}
.main-visual-wrap .text-wrap .title{font-size:36px;color:rgba(255,255,255,.6);}
.main-visual-wrap .text-wrap .sub-title{display:block;margin:35px 0 10px;font-size:40px;color:#fff;}
.main-visual-wrap .text-wrap .vis-dots{}
.main-visual-wrap .text-wrap .item{display:inline-block;padding:0 17.5px;}
.main-visual-wrap .text-wrap .dots{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#fff;border:0;}
.main-visual-wrap .text-wrap .item.active .dots{background-color:#e40000;}
.main-visual-wrap .text-wrap .btn-st1{}
@keyframes visualText{
  0%{visibility:hidden;opacity:0;transform:translateY(-55%);}
  100%{visibility:visible;opacity:1;transform:translateY(-50%);}
}

/* Main Intro */
.main-intro-wrap{position:relative;overflow:hidden;width:100%;height:100%;}
.main-intro-wrap .bg-animate{background:url("../images/main/intro_bg.png") no-repeat top center;background-size:cover;}
.main-intro-wrap .inner{padding-bottom:40px;}
.main-intro-wrap .sec-title{font-size:32px;color:#fff;}
.methyl-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:75px -20px 0;}
.methyl-list .item{width:25%;padding:0 20px;}
.methyl-list .item-inner{}
.methyl-list .ton, .methyl-list .number, .methyl-list .abbr, .methyl-list .desc{font-family:"Poppins";}
.methyl-list .ton{display:flex;justify-content:space-between;position:relative;padding-bottom:25px;font-size:14px;font-weight:500;color:rgba(255,255,255,.5);}
.methyl-list .ton::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:rgba(255,255,255,.3);}
.methyl-list .number{font-size:38px;font-weight:700;color:#fff;}
.methyl-list .abbr{margin-top:35px;font-size:22px;font-weight:700;color:#fff;line-height:1.4em;}
.methyl-list .desc{display:block;font-size:16px;font-weight:500;color:rgba(255,255,255,.6);}
.methyl-list .btn-st2{margin-top:35px;}

/* Main ESG */
.main-esg-wrap{position:relative;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.3);}
.main-esg-wrap .bg-animate{background:url("../images/main/esg_bg1.png") no-repeat center center;background-size:cover;}
.main-esg-wrap .trans-bg{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:visibility 500ms linear 0s, opacity 500ms linear 0s;}
.main-esg-wrap .trans-bg.transform-bg{visibility:visible;opacity:1;}
.trans-bg0{background:url("../images/main/esg_bg1.png") no-repeat center center;background-size:cover;}
.trans-bg1{background:url("../images/main/esg_bg2.png") no-repeat center center;background-size:cover;}
.trans-bg2{background:url("../images/main/esg_bg3.png") no-repeat center center;background-size:cover;}
.main-esg-wrap .inner{display:flex;justify-content:flex-end;padding-top:35px;}
.esg-box{position:relative;width:100%;max-width:580px;min-height:480px;padding-right:20px;}
.en-page .esg-box{min-height:530px;}
.esg-box .sec-title{}
.esg-box .trans-title{font-family:"Poppins";font-size:46px;color:#fff;line-height:1.3em;}
.esg-box .sub-text{font-size:18px;color:rgba(255,255,255,.8);letter-spacing:-0.06em;}
.esg-box .btn-st1{}
.esg-box .link-list{display:flex;flex-wrap:wrap;position:absolute;bottom:0;right:20px;width:100%;max-width:570px;margin:0 -7.5px;}
.en-page .esg-box .link-list{align-items:flex-end;}
.esg-box .link-list .item{position:relative;width:33.33333333%;padding:0 7.5px;}
.esg-box .link-list .item-link{display:block;position:relative;width:100%;height:100%;opacity:.6;padding:0 0 15px 6px;font-size:16px;color:#fff;transition:opacity .3s;}
.esg-box .link-list .item-link:hover, .esg-box .link-list .item.active .item-link{opacity:1;}
.esg-box .link-list .item-link::before{content:"";position:absolute;bottom:0;left:50%;width:calc(100% - 15px);height:3px;background-color:#fff;transform:translateX(-50%);}
.esg-box .link-list .item .btn-icon{top:calc(50% - 7.5px);right:7px;transform:translateY(-50%);transition:transform .3s ease;}
.esg-box .link-list .item:hover .btn-icon{transform:translate(5px, -50%);}

@keyframes esgBgTransform{
  0%{transform:scale(1.1);}
  100%{transform:scale(1);}
}

/* Main IR */
.main-ir-wrap{position:relative;overflow:hidden;width:100%;height:100%;}
.main-ir-wrap .bg-animate{background:url("../images/main/ir_bg.png") no-repeat top center;background-size:cover;}
.main-ir-wrap .inner{position:relative;}
.main-ir-wrap .title-wrap{position:absolute!important;top:calc(50% - 30px);left:20px;transform:translateY(-50%);}
html:not(.old-ie) .main-ir-wrap .fadeInRight{transform:translate(-110px, -50%);}
html:not(.old-ie) .main-ir-wrap .fadeInRight.animated{transform:translate(0, -50%);}
html:not(.old-ie) body.mobile-wrap .main-ir-wrap .fadeInRight{transform:none;}
.main-ir-wrap .title-wrap::after{content:"";position:absolute;top:-20px;right:-103px;width:162px;height:248px;background:url("../images/main/ir_simbol.png") no-repeat right top;background-size:100% auto;}
.main-ir-wrap .title-wrap .sec-title{font-size:46px;color:#fff;line-height:1.3em;}
.main-ir-wrap .title-wrap .sub-text{margin-top:10px;font-size:18px;color:rgba(255,255,255,.8);}
.ir-list{display:flex;flex-wrap:wrap;position:absolute;top:0;right:0;width:50%;height:100%;}
.ir-list .item{display:flex;align-items:center;position:relative;width:50%;height:100%;}
.ir-list .item::before{content:"";position:absolute;top:100px;left:0;width:1px;height:100%;background-color:rgba(255,255,255,.15);}
.ir-list .item.animate-element::before{height:0;transition:height .7s;}
html:not(.old-ie) .ir-list .item.animated::before{height:100%;}
html:not(.old-ie) body.mobile-wrap .ir-list .item.animate-element::before{height:1px;}
.ir-list .item-inner{position:relative;width:100%;padding:0 50px 73px;}
.en-page .ir-list .item-inner {padding:0 40px 73px;}
.ir-list .item-inner::before{content:"";position:absolute;top:-5px;left:0;width:3px;height:50px;background-color:#fff;}
.ir-list .item.animate-element .item-inner::before{visibility:hidden;opacity:0;transition:visibility .7s, opacity .7s;}
html:not(.old-ie) .ir-list .item.animated .item-inner::before, html:not(.old-ie) body.is_mobile .ir-list .item-inner::before{visibility:visible;opacity:1;}
.ir-list .item .icon{display:inline-block;width:42px;height:42px;background-image:url("../images/main/ir_icon_stripe.png");}
.ir-list .item1 .icon{background-position:0 0;}
.ir-list .item2 .icon{background-position:-42px 0;}
.ir-list .item .title{margin-top:30px;font-size:28px;font-weight:400;color:#fff;}
.ir-list .item .text{margin-top:10px;font-size:17px;color:rgba(255,255,255,.8);}
.ir-list .item .btn-st1{margin-top:65px;}

/* Main News */
.main-news-wrap{position:relative;width:100%;height:100%;}
.main-news-wrap .inner{position:relative;z-index:50;}
.main-news-wrap::before, .main-news-wrap::after{content:"";position:absolute;}
.main-news-wrap::before{top:170px;left:117px;width:307px;height:299px;background:url("../images/common/square_regular.png") no-repeat center center;}
.main-news-wrap::after{bottom:0;right:0;width:163px;height:262px;background:url("../images/main/news_simbol2.png") no-repeat right bottom;}
.main-news-top{display:flex;justify-content:space-between;align-items:flex-end;}
.main-news-wrap .sec-title{font-size:32px;color:#222;}
.main-news-slider-etc{display:flex;align-items:center;}
.main-news-slider-etc .arrows-wrap{position:relative;margin-right:25px;}
.main-news-slider-etc .arrows-wrap::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:15px;background-color:#e5e5e5;transform:translate(-50%, -50%);}
.main-news-slider-etc .arrow{font-size:30px;color:#231f20;border:none;background:none;}
.main-news-slider-etc .swiper-button-disabled{opacity:.3;}
.main-news-slider-etc .prev{margin-right:30px;}
.main-news-slider-etc .btn-more{display:block;position:relative;width:50px;height:50px;border:3px solid #f4f4f4;border-radius:50%;}
.main-news-slider-etc .btn-more .icon{position:absolute;top:50%;left:50%;font-size:30px;color:#231f20;transform:translate(-50%, -50%);}
.main-news-slider-etc .btn-more .icon::before{display:inline-block;transition:transform .3s ease;}
.main-news-slider-etc .btn-more:hover .icon::before{transform:rotate(180deg);}
.main-news{padding-bottom:60px;}
.main-news-list{}
.main-news-list .item{width:33.33333333%;}
.main-news-list .item-link{display:block;}
.main-news-list .item-inner{}
.main-news-list .item .img-wrap{position:relative;font-size:0;line-height:1;}
.main-news-list .item .img-wrap::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e5e5;box-sizing:border-box;transition:border .1s linear;z-index:50;}
.main-news-list .item-link:hover .img-wrap::after{border:3px solid #e31d1a;}
.main-news-list .item .img-wrap img{width:100%;max-width:450px;height:auto;}
.main-news-list .item .category{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;width:90px;height:30px;font-family:"Poppins";font-size:14px;font-weight:500;color:#fff;background-color:#2f3b41;transition:background-color .3s ease;}
.main-news-list .item-link:hover .category{background-color:#e31d1a;}
.main-news-list .item .title{overflow:hidden;margin-top:20px;font-size:19px;color:#222;text-overflow:ellipsis;white-space:nowrap;}
.main-news-list .item .data{display:block;margin-top:10px;font-family:"Poppins";font-size:15px;font-weight:500;color:#aaa;}
.main-news-list .item .data .icon{position:relative;top:-1px;}
.main-news-wrap .main-news-scroll{height:4px;overflow:visible;background-color:transparent;}
.main-news-wrap .main-news-scroll::after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background-color:#eee;}
.main-news-wrap .main-news-scroll .swiper-scrollbar-drag{background-color:#e31d1a;z-index:50;}

/* Main Recruit */
.main-recruit-wrap{position:relative;overflow:hidden;width:100%;height:100%;}
.main-recruit-wrap .bg-animate{background:url("../images/main/recruit_bg.png") no-repeat top center;background-size:cover;}
.main-recruit-wrap .sec-title{font-size:46px;color:#fff;}
.main-rr-wrap{display:flex;flex-wrap:wrap;}
.main-rr-box{width:50%;}
.main-rr-list{display:flex;flex-wrap:wrap;max-width:550px;margin:0 -5px;}
.en-page .main-rr-list{align-items:flex-end;}
.main-rr-list .item{width:25%;padding:0 5px;}
.main-rr-list .item .title{font-size:18px;color:rgba(255,255,255,.5);transition:color .3s ease;}
.main-rr-list .item .title.active{color:#fff;}
.main-rr-list .item-link{display:block;position:relative;width:100%;height:0;padding-top:100%;margin-top:13px;border:1px solid rgba(255,255,255,.1);transition:background-color .3s ease;}
.main-rr-list .item-link:hover{background-color:#e31d1a;}
.main-rr-list .item-link:hover + .title{background-color:#e31d1a;}
.main-rr-list .item-link .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-rr-list .item-link .icon img{width:auto;height:100%;max-height:50px;}
.main-rr-box .title-wrap{padding-left:140px;}
.main-rr-box .title-wrap .title{position:relative;font-size:32px;color:#fff;}
.main-rr-box .title-wrap .title::before{content:"";position:absolute;top:23px;left:-90px;width:60px;height:2px;background-color:#e31d1a;}
.main-rr-box .title-wrap .text{margin-top:20px;font-size:18px;color:rgba(255,255,255,.8);}
.rr-ticker{margin-top:55px;}
.rr-ticker .title-wrap{display:flex;justify-content:space-between;align-items:center;padding-right:8px;}
.rr-ticker .cont-title{font-size:22px;font-weight:500;color:#fff;}
.ticker-list{display:flex;flex-wrap:wrap;margin-top:25px;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);}
.ticker-list .item{display:flex;justify-content:space-between;align-items:center;position:relative;width:50%;height:90px;padding:0 30px;}
.ticker-list .item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:50px;background-color:rgba(255,255,255,.2);transform:translateY(-50%);}
.ticker-list .item .text{position:relative;width:80%;padding-left:15px;}
.ticker-list .item .text::before{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;background-color:#fff;transform:translateY(-50%);}
.ticker-list .item-link{display:inline-block;width:100%;overflow:hidden;font-size:17px;color:#fff;text-overflow:ellipsis;white-space:nowrap;}
.ticker-list .item-link:hover{text-decoration:underline;}
.ticker-list .item .state{display:inline-flex;justify-content:center;align-items:center;width:70px;height:28px;font-size:14px;color:#fff;border-radius:15px;}
.ticker-list .item .afoot{background-color:#e31d1a;}
.ticker-list .item .cutoff{background-color:#4d5255;}

@media (max-width:1680px){
  .main-news-wrap::before{display:none;}
}
@media (max-width:1390px){
  .ir-list .item-inner{padding:0 30px;}
  .en-page .ir-list .item-inner{padding:0 15px 0 20px;}
}
@media (max-width:1280px){
  /* Common */
  .section{display:flex;align-items:center;}
  .section:not(.main-visual-wrap){height:auto;padding:130px 0;}
  .section-inner{width:100%;}
  .red-sub-title{font-size:15px;}

  /* Main Visual */
  .main-visual-wrap .text-wrap{top:calc(50% + 40px);}
  .main-visual-wrap .text-wrap .title{font-size:33px;}
  .main-visual-wrap .text-wrap .sub-title{font-size:37px;}

  /* Main Intro */
  .main-intro-wrap .inner{padding-bottom:0;}
  .main-intro-wrap .sec-title{font-size:29px;}
  .methyl-list .number{font-size:35px;}
  .methyl-list .abbr{font-size:19px;}
  .methyl-list .desc{font-size:15px;}

  /* Main ESG */
  .esg-box .trans-title{font-size:43px;}
  .esg-box .sub-text{font-size:16px;}
  .esg-box .link-list .item-link{font-size:15px;}

  /* Main IR */
  .main-ir-wrap{height:70vh!important;}
  .main-ir-wrap .title-wrap .sec-title{font-size:43px;}
  .main-ir-wrap .title-wrap .sub-text{font-size:16px;}
  .ir-list .item::before{top:0;}
  .ir-list .item-inner{padding-bottom:50px;padding-left:20px;padding-right:5px;}
  .ir-list .item .title{font-size:25px;}
  .en-page .ir-list .item .title{font-size:23px;}
  .ir-list .item .text{font-size:14.5px;}
  .en-page .ir-list .item .text{font-size:13px;}

  /* Main News */
  .main-news-list{height:auto;}
  .main-news-wrap .sec-title{font-size:29px;}
  .main-news-slider-etc .arrow{font-size:27px;}
  .main-news-slider-etc .btn-more{width:45px;height:45px;}
  .main-news-slider-etc .btn-more .icon{font-size:27px;}
  .main-news-list .item .title{font-size:17px;}
  .main-news{padding-bottom:45px;}

  /* Main Recruit */
  .main-recruit-wrap .sec-title{font-size:43px;}
  .main-rr-list{max-width:450px;}
  .main-rr-list .item .title{font-size:16px;}
  .main-rr-list .item-link{margin-top:10px;}
  .main-rr-list .item-link .icon{height:40px;}
  .main-rr-box .title-wrap{padding-left:50px;}
  .main-rr-box .title-wrap .title{font-size:26px;}
  .main-rr-box .title-wrap .title::before{top:21px;left:-50px;width:30px;}
  .main-rr-box .title-wrap .text{margin-top:17px;font-size:16px;}
  .rr-ticker .cont-title{font-size:19px;}
  .ticker-list{margin-top:20px;}
  .ticker-list .item{height:70px;}
  .ticker-list .item .text{font-size:15px;}
}
@media (max-width:1080px){
  /* Main Intro */
  .hide_1080{display:none;}
  .main-intro-wrap .sec-title{font-size:27px;}
  .methyl-list{margin-top:35px;}
  .methyl-list .item{width:50%;padding:40px 20px;}
  .methyl-list .item:nth-child(n + 2){padding-bottom:0;}

  /* Main Recruit */
  .main-rr-box .title-wrap{padding-left:80px;}
}
@media (min-width:971px){
  .main-esg-wrap .trans-bg{animation-fill-mode:forwards;}
  .main-esg-wrap .trans-bg.transform-bg{animation:esgBgTransform 500ms linear 0s;}
}
@media (max-width:970px){
  /* Common */
  .section:not(.main-visual-wrap){padding:80px 0;}
  .red-sub-title{font-size:14px;}

  /* Main Visual */
  .main-visual-wrap .text-wrap{margin-top:0;}
  .main-visual-wrap .text-wrap .title{font-size:29px;}
  .main-visual-wrap .text-wrap .sub-title{margin-top:25px;font-size:33px;}

  /* Main Intro */
  .main-intro-wrap .sec-title{font-size:24px;}
  .methyl-list .number{font-size:32px;}
  .methyl-list .abbr{margin-top:15px;font-size:17px;}
  .methyl-list .btn-st2{margin-top:18px;}

  /* Main ESG */
  .esg-box{width:60%;padding-right:0;}
  .esg-box .trans-title{font-size:38px;}
  .esg-box .sub-text{font-size:15px;}
  .esg-box .link-list{margin:0 -2.5px;}
  .esg-box .link-list .item{padding:0 2.5px;}
  .esg-box .link-list .item-link{font-size:14px;}

  /* Main IR */
  .main-ir-wrap{align-items:flex-start;height:auto!important;padding-bottom:0!important;}
  .main-ir-wrap .section-inner {display:flex;flex-direction:column;justify-content:space-between;height:100%;}
  .main-ir-wrap .title-wrap{display:inline-block;position:relative!important;top:0;left:0;transform:none;}
  .main-ir-wrap .title-wrap::after{width:132px;}
  .main-ir-wrap .title-wrap .sec-title{font-size:38px;}
  .main-ir-wrap .title-wrap .sub-text{font-size:15px;}
  .ir-list{flex-wrap:nowrap;flex-direction:column;position:relative;top:0;width:100%;height:auto;margin-top:100px;}
  .ir-list .item{width:100%;height:auto;padding:50px 20px;}
  .ir-list .item::before{top:0;width:100%;height:1px;}
  .ir-list .item::after{content:"";position:absolute;top:-1.5px;left:20px;width:50px;height:3px;background-color:#fff;}
  .ir-list .item-inner{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0;}
  .en-page .ir-list .item-inner{padding:0;}
  .ir-list .item-inner::before{display:none;}
  .ir-list .item .text-wrap{display:flex;align-items:center;}
  .en-page .ir-list .item .text-wrap{width:calc(100% - 150px);}
  .ir-list .item .texts{margin-left:35px;}
  .ir-list .item .title, .en-page .ir-list .item .title{margin-top:0;font-size:22px;}
  .ir-list .item .text{font-size:15px;}
  .ir-list .item .btn-st1{margin-top:0;}

  /* Main News */
  .main-news-wrap .sec-title{font-size:24px;}
  .main-news-slider-etc .arrow, .main-news-slider-etc .btn-more .icon{font-size:24px;}
  .main-news-list .item .title{font-size:16px;}
  .main-news-list .item .data{font-size:14px;}
  .main-news-list .item .category{font-size:13px;}
  .main-news-list .item.swiper-slide-active .img-wrap::after{border:3px solid #e31d1a;}
  .main-news-list .item.swiper-slide-active .category{background-color:#e31d1a;}

  /* Main Recruit */
  .main-recruit-wrap .inner{padding-bottom:0;}
  .main-recruit-wrap .sec-title{font-size:38px;}
  .main-rr-list{max-width:350px;}
  .main-rr-list .item .title{font-size:15px;}
  .main-rr-list .item-link .icon{height:30px;}
  .main-rr-box .title-wrap{padding-left:30px;}
  .main-rr-box .title-wrap .title::before{left:-30px;width:20px;}
  .main-rr-box .title-wrap .title{font-size:24px;}
  .main-rr-box .title-wrap .text{font-size:15px;}
  .rr-ticker{margin-top:42px;}
  .rr-ticker .cont-title{font-size:18px;}
  .ticker-list .item{height:60px;padding:0 20px;}
  .ticker-list .item:not(:last-child)::after{height:30px;}
  .ticker-list .item-link{font-size:16px;}
  .ticker-list .item .state{width:65px;height:25px;font-size:12px;}
  /* .main-rr-wrap{flex-direction:column;}
  .main-rr-box{width:100%;} */
}
@media (max-width:840px){
  /* Main Recruit */
  .main-rr-box{width:100%;}
  .main-rr-list{position:relative;max-width:450px;}
  .main-rr-box .title-wrap .hide_840{display:none;}
  .main-rr-box .title-wrap{margin-top:40px;}
  .main-rr-box .title-wrap .text{margin-top:13px;}
  .ticker-list{flex-direction:column;}
  .ticker-list .item{width:100%;}
  .ticker-list .item:not(:last-child)::after{top:100%;left:50%;width:100%;height:1px;transform:translateX(-50%);}
}
@media (max-width:820px){
  .show_820{display:block;}
}
@media (max-width:768px){
  /* Main Visual */
  .main-visual-wrap .text-wrap .title{font-size:24px;}
  .main-visual-wrap .text-wrap .sub-title{font-size:28px;}

  /* Main ESG */
  .esg-box .trans-title{font-size:34px;}
}
@media (max-width:670px){
  .show_670{display:block;}
}
@media (max-width:640px){
  /* Common */
  .section:not(.main-visual-wrap){padding:65px 0;}

  /* Main Visual */
  .main-visual-wrap .vis-counter .inter{padding:0 18px;font-size:14px;}
  .main-visual-wrap .text-wrap .title{line-height:1.4em;}
  .main-visual-wrap .text-wrap .sub-title{line-height:1.2em;}
  .main-visual-wrap .text-wrap .item{padding:0 12px;}
  .main-visual-wrap .text-wrap .vis-dots{margin-top:30px;}
  .main-visual-wrap .text-wrap .dots{width:5px;height:5px;}
  .main-visual-wrap .text-wrap .btn-st1{margin-top:60px;}

  /* Main Intro */
  .main-intro-wrap .sec-title{font-size:20px;}
  .methyl-list .item{width:100%;padding:20px;}
  .methyl-list .item:nth-child(n + 2):not(:last-child){padding-bottom:20px;}
  .methyl-list .number{font-size:28px;}

  /* Main ESG */
  .main-esg-wrap .bg-animate{background:url("../images/main/esg_bg1_mo.png") no-repeat right center;background-size:cover;}
  .main-esg-wrap .trans-bg0{background:url("../images/main/esg_bg1_mo.png") no-repeat right center;background-size:cover;}
  .main-esg-wrap .inner{justify-content:flex-start;padding-top:0;}
  .esg-box{width:100%;min-height:510px;}
  .en-page .esg-box{min-height:510px;}
  .esg-box .link-list{flex-direction:column;left:0;max-width:180px;margin:0;}
  .en-page .esg-box .link-list{max-width:270px;}
  .esg-box .link-list .item{width:100%;padding:0;}
  .esg-box .link-list .item:not(:first-child){margin-top:15px;}

  /* Main IR */
  .main-ir-wrap .title-wrap .sec-title{font-size:34px;}
  .main-ir-wrap .title-wrap .sub-text{font-size:14px;}
  .ir-list .item .texts{margin-left:25px;}
  .ir-list .item .title, .en-page .ir-list .item .title{font-size:18px;}
  .ir-list .item .text{font-size:14px;}

  /* Main News */
  .main-news-top{flex-direction:column;align-items:flex-start;}
  .main-news-wrap .sec-title{font-size:20px;}
  .main-news-slider-etc{justify-content:space-between;align-self:flex-end;width:100%;margin-top:10px;}
  .main-news-slider-etc .arrow, .main-news-slider-etc .btn-more .icon{font-size:20px;}
  .main-news-slider-etc .btn-more{width:40px;height:40px;}
  .main-news{padding-bottom:25px;margin-top:10px;}
  .main-news-list .item .title{font-size:15px;}
  .main-news-list .item .data{margin-top:5px;}

  /* Main Recruit */
  .main-recruit-wrap .sec-title{font-size:34px;}
  .main-rr-box .title-wrap .title{font-size:20px;}
  .main-rr-box .title-wrap .title::before{top:9px;}
  .main-rr-box .title-wrap .text{font-size:14px;}
  .rr-ticker .cont-title{font-size:17px;}
  .ticker-list .item-link{font-size:15px;}
}
@media (max-width:540px){
  /* Main Intro */
  .main-intro-wrap .sec-title .hide_540{display:none;}
}
@media (max-width:520px){
  .hide_520{display:none;}
}
@media (max-width:500px){
  .ir-list .item .icon{display:none;}
  .ir-list .item .texts{margin-left:0;}
}
@media (max-width:480px){
  /* Main Visual */
  .main-visual-wrap .text-wrap .title{font-size:22px;}
  .en-page .main-visual-wrap .text-wrap .title{font-size:18px;}
  .main-visual-wrap .text-wrap .sub-title{font-size:26px;}

  /* Main ESG */
  .main-esg-wrap .trans-bg1{background-position:left 40% center;}
  .main-esg-wrap .trans-bg2{background-position:left 40% center;}
  .esg-box .trans-title{font-size:30px;}

  /* Main IR */
  .main-ir-wrap .title-wrap::after{right:-63px;}
  .main-ir-wrap .title-wrap .sec-title{font-size:30px;}
  .ir-list{top:45%;height:55%;}
  .ir-list .item{padding:30px 20px 40px;}
  .en-page .ir-list .item .text-wrap{width:100%;}
  .ir-list .item-inner{flex-direction:column;align-items:flex-start;height:100%;}
  .ir-list .item-inner .hide_480{display:none;}
  .ir-list .item .btn-st1{align-self:flex-end;margin-top:40px;}

  /* Main Recruit */
  .main-recruit-wrap .sec-title{font-size:30px;}
  .main-rr-list .item .title{font-size:14px;}
  .en-page .main-rr-list .item .title{font-size:12px;text-align:center;}
  .main-rr-box .title-wrap .title{font-size:18px;}
  .main-rr-box .title-wrap .title::before{top:7px;}
  .rr-ticker .cont-title{font-size:16px;}
  .ticker-list .item{padding:0 10px;}
  .ticker-list .item-link{font-size:14px;}
}


/********************************************************
* Sub
*********************************************************/
/* Common */
.sub-visual{position:relative;width:100%;height:600px;overflow:hidden;}
.sub-visual .vis-bg{position:absolute;top:0;left:0;width:100%;height:100%;animation:esgBgTransform 1s linear;}
.sub-visual .inner{display:flex;align-items:flex-end;position:relative;height:100%;z-index:50;}
.sub-visual .text-wrap{padding-bottom:110px;}
.sub-visual .vis-title{font-size:40px;font-weight:300;color:#fff;text-shadow:5px 5px 15px rgba(0,0,0,.2);}
.sub-visual .vis-text{font-size:32px;font-weight:300;color:rgba(255,255,255,.6);text-shadow:5px 5px 15px rgba(0,0,0,.3);}

.sub-nav-wrap{position:relative;width:100%;height:60px;border-bottom:1px solid #eee;z-index:1450;}
.sub-nav-inner{width:100%;}
.nav-inner{display:flex;align-items:center;width:100%;max-width:1400px;height:100%;margin:0 auto;}
.sub-nav-wrap .btn-home{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-left:1px solid #eee;border-right:1px solid #eee;}
.sub-nav-wrap .btn-home .icon{font-size:22px;color:#e31d1a;}
.sub-nav{position:relative;width:calc(50% - 30px);max-width:300px;min-width:0;border-right:1px solid #eee;}
.sub-nav:last-child{border:0;}
.sub-nav .default{display:flex;align-items:center;position:relative;width:100%;height:60px;overflow:hidden;padding-left:30px;padding-right:50px;font-size:16px;color:#444;transition:color .3s, background-color .3s;}
.sub-nav .default .ellips{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.sub-nav .default .icon{position:absolute;top:50%;right:26px;font-size:18px;color:rgba(34,34,34,.3);transform:translateY(-50%);}
.sub-nav .default .icon::before{display:inline-block;transition:transform .3s;}
.sub-nav.active .default .icon::before{transform:rotate(-180deg);}
.sub-nav .default:hover, .sub-nav .default.active{color:#fff;background-color:#e31d1a;}
.sub-nav .default:hover .icon, .sub-nav .default.active .icon{color:#fff;}
.sub-nav-list{position:absolute;top:59px;left:0;width:100%;overflow:hidden;visibility:hidden;opacity:0;background-color:#fff;box-shadow:10px 10px 15px rgba(0,0,0,.15);transition:visibility .3s, opacity .3s;}
.sub-nav.active .sub-nav-list{visibility:visible;opacity:1;}
.sub-nav-list .item{width:100%;height:60px;border-bottom:1px solid #eee;}
.sub-nav-list .item:first-child{border-top:1px solid #eee;}
.sub-nav-list .item:last-child{border-bottom:0;}
.sub-nav-list .link{display:flex;align-items:center;width:100%;height:100%;padding-left:30px;font-size:16px;color:#444;transition:color .3s, background-color .3s;}
.sub-nav-list .item:hover .link, .sub-nav-list .item.active .link{color:#fff;background-color:#e31d1a;}

.sub-content{padding:150px 0;}

.title-st1{text-align:center;}
.title-st1 .title{font-size:42px;line-height:1;}
.title-st1 .text{font-size:28px;}
.title-st1 .s-text{font-size:16px;color:#444;}

.page-tab{padding:0 20px;}
.page-tab .tab-list{display:flex;justify-content:center;margin:0 -2.5px;}
.page-tab .tab-list .item{width:100%;max-width:210px;height:65px;padding:0 2.5px;}
.page-tab .tab-list .link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:17px;color:#222;border:1px solid #e5e5e5;transition:color .3s, border-color .3s, background-color .3s, box-shadow .3s;}
.en-page .page-tab .tab-list .link{text-align:center;}
.page-tab .tab-list .link:hover, .page-tab .tab-list .link.active{color:#fff;border-color:#e31d1a;background-color:#e31d1a;box-shadow:0 0 15px rgba(227,29,26,.5);}

.flex-wrap{display:flex;justify-content:space-between;}
.en-page .flex-wrap .text-wrap{margin-right:20px;}
.flex-wrap .text-wrap {width:21.43%;}
.flex-wrap .text-wrap .title{font-size:28px;line-height:1.4em;}
.flex-wrap .text-wrap .text{margin-top:15px;font-size:16px;}
.flex-wrap .table-wrap{width:78.57%;max-width:1100px;}
.flex-wrap .table-wrap .noti{font-size:20px;color:#444;}
.flex-wrap .table-wrap .noti .link{color:#444;}
.flex-wrap .table-wrap .noti .link:hover{text-decoration:underline;}
.flex-wrap .sub-text-wrap{width:78.57%;max-width:1100px;}
.flex-wrap .sub-text-wrap .title{font-size:26px;line-height:1.4em;letter-spacing:-0.05em;}
.flex-wrap .sub-text-wrap .s-text{margin-top:18px;font-size:17px;color:#444;line-height:1.7em;}
.flex-wrap .cont-wrap{width:78.57%;max-width:1100px;}

.flex-wrap2 .text-wrap .superscript{display:block;line-height:1;}

.table-st{width:100%;border-top:2px solid #222;}
.table-st thead th{padding:21px 0;font-size:16px;font-weight:400;vertical-align:middle;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.table-st thead th:last-child{border-right:0;}
.table-st.w-4 thead th{width:25%;}
.table-st tbody th{font-size:16px;font-weight:400;color:#222;text-align:center;vertical-align:middle;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.table-st tbody td{padding:21px 0;font-size:15px;color:#5d5d5d;text-align:center;vertical-align:middle;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}

.scroll-table{position:relative;}
.scroll-guide{position:absolute;top:50%;left:50%;display:none;width:110px;height:100px;border-radius:7px;background:rgba(0,0,0,0.67);padding-top:10px;z-index:10;text-align:center;transform:translate(-50%, -50%);}
.scroll-guide img{width:50%!important;min-width:auto!important;height:auto!important;}
.scroll-guide p{margin-top:4px;color:#fff;font-size:13px;line-height:16px;}

.table-st tbody td:last-child{border-right:0;}
.table-st1{width:100%;border-top:2px solid #222;}
.table-st1 thead th{background-color:#f8f8f8;}
.en-page .table-st1 thead th, .en-page .table-st1 thead td{padding-left:10px; padding-right:10px;}

.table-wrap .table-st2 tbody th{padding:21px 30px;width:220px;}
.table-wrap .table-st2 tbody td{padding:21px 30px;text-align:left;}

.board-wrap{}
.board-top{display:flex;justify-content:space-between;align-items:flex-end;}
.board-total{font-size:15px;}
.board-total .title{margin-right:7px;color:#e31d1a;}
.board-total .icon{display:inline-block;position:relative;top:-1px;margin-right:8px;font-size:16px;color:#ccc;vertical-align:middle;}
.board-total .board-length{}
.board-total .idx{font-weight:500;color:#e31d1a;}
.board-total .page-length{}
.board-search, .search-text, .btn-search{height:50px;font-size:15px;border:1px solid #e5e5e5;vertical-align:middle;}
.search-wrap{font-size:0;}
.board-search{width:150px;padding:0 26px;margin-right:10px;}
.select-st1{height:50px;border:1px solid #e5e5e5;padding:0 26px;color:#222;background:url("../images/common/icon_select_arrow.png") no-repeat right 26px center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;}
.select-st1 option:disabled{color:#999;}
.select-st1::-ms-expand{display:none;}
.search-text{width:320px;height:50px;padding:0 25px;}
.btn-search{width:80px;height:50px;margin-left:-1px;color:#fff;border:0;background-color:#222;transition:opacity .3s;}
.btn-search:hover{opacity:.7;}
.board-st1{width:100%;border-top:2px solid #222;}
.board-st1 thead th{height:65px;font-size:16px;font-weight:400;border-bottom:1px solid #222;vertical-align:middle;}
.board-st1 thead th:first-child, .board-st1 tbody td:first-child{padding-left:50px;}
.board-st1 thead th:last-child, .board-st1 tbody td:last-child{padding-right:50px;}
.board-st1 thead .th-num{width:100px;}
.board-st1 thead .th-title{}
.board-st1 thead .th-writer{width:260px;}
.board-st1 thead .th-date{width:150px;}
.board-st1 tbody tr{transition:background-color .3s;}
.board-st1 tbody td{height:65px;font-size:15px;color:#444;text-align:center;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.board-st1 tbody .td-title{width:auto;padding-left:50px;text-align:left;}
.board-st1 tbody .state-close .td-title .link {color:#999;}
.board-st1 tbody .notice .link:hover{text-decoration:underline;}
.board-st1 tbody .link{display:block;text-align:left;color:#444;transition:color .3s;}
.board-st1 tbody .title{display:-webkit-box;width:100%;height:22px;overflow:hidden;line-height:22px;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;}
.board-st1 tbody .td-writer{}
.board-st1 tbody .date{display:inline-block;vertical-align:middle;}
.board-st1 tbody .notice, .board-st1 tbody .active{background-color:#fafafa;}
.board-st1 tbody .notice .td-title{font-weight:500;}
.board-st1 tbody .active:not(.notice) .td-title .link{color:#e31d1a;}

.board-st2{width:100%;border-top:2px solid #222;}
.board-st2 thead th{height:50px;font-size:16px;font-weight:400;border-bottom:1px solid #e5e5e5;background-color:#f8f8f8;vertical-align:middle;}
.board-st2 thead .th-down{width:90px;}
.board-st2 thead .th-grade{width:100px;}
.board-st2 tbody td{height:50px;font-size:15px;color:#444;text-align:center;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.board-st2 tbody .td-title{color:#aaa;}
.board-st2 tbody .link{display:inline-block;color:#444;}
.board-st2 tbody .title{display:-webkit-box;width:100%;overflow:hidden;color:#444;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;}
.board-st2 tbody .td-grade{color:#aaa;}
.board-st2 tbody .td-title{padding:0 30px;text-align:left;}
.board-st2 tbody .btn-down{font-size:24px;color:#aaa;transition:color .3s;}
.board-st2 tbody .btn-down:hover{color:#e31d1a;}

.view-wrap{}
.view-top{}
.view-title{padding:25px 30px;font-size:20px;font-weight:400;border-top:2px solid #222;border-bottom:1px solid #222;}
.view-title-list{display:flex;flex-wrap:wrap;}
.view-title-list .item{display:flex;width:50%;border-bottom:1px solid #e5e5e5;}
.view-title-list .item.w-100{width:100%;}
.view-title-list .title{display:flex;justify-content:center;align-items:center;width:150px;padding:23px 0;font-size:15px;text-align:center;background-color:#f8f8f8;}
.view-title-list .text-wrap{display:flex;align-items:center;width:calc(100% - 150px);padding:21px 20px 21px 30px;font-size:15px;color:#444;}
.view-title-list .text-wrap .state{display:inline-flex;justify-content:center;align-items:center;width:70px;height:28px;margin-right:15px;font-size:14px;color:#fff;border-radius:14px;}
.en-page .view-title-list .text-wrap .state{font-size:14px;}
.view-title-list .text-wrap .afoot{background-color:#e31d1a;}
.view-title-list .text-wrap .close{background-color:#4d5255;}
.view-title-list .date-wrap{}
.view-title-list .file-down .text-wrap{justify-content:space-between;padding:15px 20px 15px 30px;}
.view-title-list .down-text{position:relative;padding-left:22px;color:#444;}
.view-title-list .down-text:hover{text-decoration:underline;}
.view-title-list .down-text .icon{position:absolute;top:2px;left:0;font-size:17px;color:#bbb;}
.view-title-list .file-download{display:flex;justify-content:center;align-items:center;width:160px;height:40px;border:1px solid #e5e5e5;border-radius:20px;font-size:13px;font-weight:500;color:#e31d1a;transition:border-color .3s;}
.view-title-list .file-download:hover{border-color:#e31d1a;}
.view-title-list .file-download .icon{margin-right:10px;}
.view-cont{padding:35px 50px 60px;font-size:16px;color:#999;border-bottom:1px solid #e5e5e5;}
.view-cont p {word-break:break-all;}
.view-cont img {width:100%!important;height:auto!important;}
.view-cont .text{font-size:16px;color:#999;}
.view-cont .btn-short-cut{display:flex;justify-content:center;align-items:center;width:220px;height:60px;margin:80px auto 0;font-size:16px;color:#fff;background-color:#e31d1a;transition:opacity .3s;}
.view-cont .btn-short-cut:hover {opacity:.7;}
.view-bottom{}
.view-ctrl{border-top:1px solid #222;border-bottom:1px solid #222;}
.view-ctrl .item:not(:last-child){border-bottom:1px solid #e5e5e5;}
.view-ctrl .item .link{display:flex;}
.view-ctrl .item .title{display:flex;align-items:center;position:relative;width:170px;padding:20px 0 20px 30px;font-size:16px;color:#222;line-height:1;}
.view-ctrl .item .title::after{content:"";position:absolute;top:50%;right:0;width:1px;height:15px;background-color:#e5e5e5;transform:translateY(-50%);}
.view-ctrl .item .title .icon{display:inline-block;margin-right:35px;font-size:13px;color:#ccc;}
.view-ctrl .item .text{width:calc(100% - 170px);overflow:hidden;padding:20px 20px 20px 30px;font-size:16px;color:#999;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;}
.view-ctrl .item .link:hover .text{text-decoration:underline;}
.btn-board-list{display:flex;justify-content:center;align-items:center;width:220px;height:60px;margin:50px auto 0;font-size:16px;color:#222;border:2px solid #222;transition:color .3s, border-color .3s, background-color .3s;}
.btn-board-list .icon{margin-left:43px;}
.btn-board-list:hover{color:#fff;border-color:#fff;background-color:#222;}

.pagenation{}
.pagenation .page-num{display:flex;justify-content:center;margin:0 -2.5px;}
.pagenation .page-num .item{padding:0 2.5px;}
.pagenation .page-num .num{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;color:#999;border:1px solid #e5e5e5;transition:color .3s, border-color .3s, background-color .3s;}
.pagenation .page-num .num:hover, .pagenation .page-num .item.active .num{color:#fff;border-color:#222;background-color:#222;}
.pagenation .page-num .icon{}
.pagenation .page-num .prev .icon{transform:rotate(180deg);}

.left-right-list{max-width:1920px;margin:0 auto;}
.left-right-list .item{position:relative;}
.left-right-list .item .img-wrap{width:50%;}
.left-right-list .item .img-wrap img{width:100%;max-width:960px;height:auto;}
.left-right-list .item .empty-box{width:50%;}
.left-right-list .item .inner{position:absolute;top:0;left:50%;height:100%;transform:translateX(-50%);}
.left-right-list .item .text-wrap{position:absolute;top:50%;width:calc(50% - 20px);transform:translateY(-50%);}
.left-right-list .right{}
.left-right-list .right .img-wrap{float:left;}
.left-right-list .right .empty-box{float:right;}
.left-right-list .right .text-wrap{right:20px;padding-left:100px;}
.left-right-list .left .img-wrap{float:right;}
.left-right-list .left .empty-box{float:left;}
.left-right-list .left .text-wrap{left:20px;padding-right:100px;}

@media (max-width:1440px){
  .hide_1440{display:none;}
}
@media (max-width:1280px){
  .sub-content{padding:120px 0;}
  .sub-visual{height:500px;}
  .sub-visual .text-wrap{padding-bottom:90px;}

  .title-st1 .title{font-size:39px;}
  .title-st1 .text{font-size:25px;}

  .page-tab .tab-list .item{max-width:190px;height:60px;}
  .page-tab .tab-list .link{font-size:16px;}

  .flex-wrap .text-wrap .title{font-size:26px;}
  .flex-wrap .text-wrap .text{font-size:15px;}
  .flex-wrap .table-wrap .noti{font-size:18px;}
  .flex-wrap .sub-text-wrap .title{font-size:24px;}
  .flex-wrap .sub-text-wrap .s-text{font-size:16px;}

  .table-st thead th{padding:17px 0;}
  .table-st tbody td{padding:19px 0;}

  .board-st1 thead th, .board-st1 tbody td{height:60px;}
  .board-st1 thead th:first-child, .board-st1 tbody td:first-child{padding-left:20px;}
  .board-st1 thead th:last-child, .board-st1 tbody td:last-child{padding-right:20px;}
  .board-st1 tbody .td-title{padding-left:20px;}
  .board-st1 thead .th-writer{width:140px;}

  .table-wrap .table-st2 tbody th{width:170px;padding:17px 20px;}
  .table-wrap .table-st2 tbody td{padding:19px 20px;}

  .view-title{padding:20px;font-size:19px;}
  .view-title-list .title{width:130px;padding:16px 0;}
  .view-title-list .text-wrap{width:calc(100% - 130px);padding:17px 20px;}
  .view-title-list .file-down .text-wrap{width:calc(100% - 130px);padding:8px 20px;}
  .view-cont{padding:30px 30px 50px;}
  .view-cont .text, .view-cont p{font-size:15px;}
  .view-ctrl .item .title{width:150px;padding:17px 0 17px 20px;font-size:15px;}
  .view-ctrl .item .title .icon{margin-right:30px;}
  .view-ctrl .item .text{width:calc(100% - 150px);padding:17px 20px;font-size:15px;}
  .view-cont .btn-short-cut{width:180px;height:55px;margin-top:50px;font-size:15px;}
  .btn-board-list{width:200px;height:55px;}
}
@media (max-width:1200px){
  .flex-wrap .sub-text-wrap .hide_1200{display:none;}
}
@media (max-width:970px){
  .sub-visual{height:450px;}
  .sub-visual .vis-title{font-size:34px;}
  .sub-visual .vis-text{font-size:26px;}

  .sub-content{overflow:hidden;padding:100px 0;}

  .sub-nav{max-width:none;}
  .sub-nav-inner.floating{position:fixed;left:0;top:70px;width:100%;border-top:1px solid #e5e5e5;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.25);}
  .sub-depth-wrap .sub-nav-list{box-shadow:-10px 10px 15px rgba(0,0,0,.15);}

  .title-st1 .title{font-size:35px;}
  .title-st1 .text{font-size:20px;}

  .page-tab .tab-list .item{max-width:170px;height:55px;}
  .page-tab .tab-list .link{font-size:15px;}

  .select-st1{width:110px;padding:0 18px;background-position:right 18px center;}
  .search-text{width:250px;padding:0 20px;font-size:14px;}
  .btn-search{width:70px;}

  .flex-wrap{flex-direction:column;}
  .flex-wrap .text-wrap{width:100%;}
  .flex-wrap .text-wrap .title{font-size:24px;}
  .flex-wrap .table-wrap{width:100%;margin-top:30px;}
  .flex-wrap .table-wrap .noti{font-size:15px;}
  .flex-wrap .sub-text-wrap{width:100%;margin-top:30px;}
  .flex-wrap .sub-text-wrap .title{font-size:21px;}
  .flex-wrap .sub-text-wrap .s-text{margin-top:13px;font-size:15px;}
  .flex-wrap .cont-wrap{width:100%;margin-top:30px;}

  .flex-wrap2 .text-wrap .superscript{display:inline-block;}

  .table-st thead th{padding:18.5px 0;}
  .table-st thead th, .table-st tbody th{font-size:15px;}
  .en-page .table-st thead th, .en-page .table-st tbody th{font-size:14px;}
  .table-st tbody td{font-size:14px;}
  .en-page .table-st tbody td{font-size:13px;}
  .board-total{font-size:14px;}

  .board-st1 thead th, .board-st1 tbody td{height:55px;}
  .board-st1 thead th{font-size:15px;}
  .board-st1 tbody td{font-size:14px;}
  .board-st1 thead th:first-child, .board-st1 tbody td:first-child{padding-left:0;}
  .board-st1 thead th:last-child, .board-st1 tbody td:last-child{padding-right:0;}
  .board-st1 thead .th-num{width:80px;}
  .board-st1 thead .th-writer{width:110px;}
  .board-st1 thead .th-date{width:130px;}

  .table-wrap .table-st2 tbody th{width:130px;}

  .view-title{padding:18px 20px;font-size:18px;}
  .view-title-list .title{padding:14px 0;}
  .view-title-list .text-wrap{padding:14px 20px;font-size:14px;}
  .view-title-list .text-wrap .state{width:60px;height:24px;font-size:12px;}
  .en-page .view-title-list .text-wrap .state{margin-right:7px;font-size:11px;}
  .view-title-list .file-down .text-wrap{padding:7px 20px;}
  .view-title-list .file-download{width:140px;height:36px;font-size:12px;}
  .view-title-list .file-download .icon{margin-right:7px;}
  .view-cont{padding:30px 20px 50px;}
  .view-ctrl .item .title{width:110px;padding:15px 0 15px 20px;}
  .view-ctrl .item .title .icon{margin-right:10px;}
  .view-ctrl .item .text{width:calc(100% - 110px);padding:15px 20px;font-size:14px;}
  .btn-board-list{font-size:15px;}
}
@media (max-width:900px){
  .view-title-list .item{width:100%;}
  .view-title-list .text-wrap{}
}
@media (max-width:768px){
  .board-top{flex-direction:column-reverse;align-items:center;}
  .board-total{align-self:flex-start;margin-top:35px;}

  .board-st1 thead .th-num{width:60px;}
  .board-st1 thead .th-writer{width:90px;}
  .board-st1 thead .th-date{width:100px;}

  .view-title-list .title{width:95px;font-size:14px;}
  .view-title-list .text-wrap{width:calc(100% - 95px);}
  .view-title-list .file-down .text-wrap{width:calc(100% - 95px);}
}
@media (max-width:640px){
  .sub-visual{height:400px;}
  .sub-visual .text-wrap{padding-bottom:80px;}
  .sub-visual .vis-title{font-size:32px;}
  .sub-visual .vis-text{font-size:25px;}

  .sub-nav-wrap{height:50px;}
  .sub-nav-wrap .btn-home{width:50px;height:50px;}
  .sub-nav{width:calc(50% - 25px);}
  .sub-nav .default{height:50px;padding-left:20px;font-size:15px;}
  .sub-nav .default .icon{right:20px;}
  .sub-nav-list{top:49px;}
  .sub-nav-list .item{height:50px;}
  .sub-nav-list .link{padding-left:20px;font-size:15px;}

  .title-st1 .title{font-size:32px;}
  .title-st1 .text{font-size:18px;}

  .page-tab{max-width:400px;margin:48px auto 0;}
  .page-tab .tab-list{flex-wrap:wrap;margin:-2.5px;}
  .page-tab .tab-list .item{width:50%;max-width:none;height:55px;padding:2.5px;}
  .page-tab .tab-list.tab-3{flex-direction:column;align-items:center;}

  .flex-wrap .text-wrap .title{font-size:22px;}
  .flex-wrap .sub-text-wrap .title{font-size:18px;}
  .flex-wrap .sub-text-wrap .s-text{font-size:14px;}

  .table-st thead th{padding:14px 0;}
  .table-st tbody td{padding:15px 0;}

  .board-st tbody td{}

  .board-st1 thead{display:none;}
  .board-st1 tbody tr{overflow:hidden;border-bottom:1px solid #e5e5e5;}
  .board-st1 tbody td{float:left;height:auto;padding:0 20px 15px;border-bottom:0;}
  .board-st1 tbody .td-num{display:none;}
  .board-st1 tbody .td-title{width:100%;padding:15px 20px;font-size:15px;}
  .board-st1 tbody .td-writer{position:relative;padding-right:10px;color:#888;}
  .board-st1 tbody .td-writer::after{content:"";position:absolute;top:calc(50% - 10px);right:0;width:1px;height:10px;background-color:#ddd;}
  .board-st1 tbody .td-date{padding-left:9px;color:#888;}

  .table-wrap .table-st2 tbody th{width:100px;padding:17px 10px;}

  .view-title{padding:18px 15px;font-size:17px;}
  .view-title-list .title{width:75px;font-size:14px;}
  .view-title-list .text-wrap{width:calc(100% - 75px);padding:14px 10px;}
  .view-title-list .file-down .text-wrap{width:calc(100% - 75px);padding:7px 10px;}
  .view-title-list .file-download{display:none;}
  .view-cont .btn-short-cut{width:160px;height:50px;}
  .btn-board-list{width:180px;height:50px;}

  .pagenation .page-num .num{width:30px;height:30px;font-size:13px;}
}
@media (max-width:600px){
  .financial-wrap .scroll-table{overflow-x:scroll;overflow-y:hidden;}
  .financial-wrap .scroll-guide{display:block;}
  .financial-wrap .table-st1{width:560px;}
}
@media (max-width:500px){
  .search-wrap{width:100%;max-width:480px;margin:0 auto;}
  .select-st1{width:90px;height:45px;margin-right:5px;}
  .search-text{width:calc(100% - 155px);height:45px;}
  .btn-search{width:60px;height:45px;}
  .en-page .btn-search{font-size:13px;}
}
@media (max-width:480px){
  .sub-visual{height:300px;}
  .sub-visual .text-wrap{padding-bottom:60px;}
  .sub-visual .vis-title{font-size:27px;}
  .sub-visual .vis-text{font-size:23px;}

  .sub-nav .default{padding-left:15px;padding-right:40px;}
  .sub-nav .default .icon{right:15px;}
  .sub-nav:last-child .sub-nav-list{left:0;width:100%;}
  .sub-nav-list .link{padding-left:15px;}
  .en-page .sub-nav-list .item{height:auto;min-height:50px;}
  .en-page .sub-nav-list .link{min-height:50px;padding:15px 10px 15px 15px;font-size:13px;}

  .sub-content{padding:80px 0;}

  .title-st1 .title{font-size:29px;}
  .title-st1 .text{margin-top:26px;font-size:17px;}

  .table-wrap .table-st2 tbody th{width:80px;}

  .board-st1 tbody .td-title{padding:15px; line-height:1;}
  .board-st1 tbody .td-title .link {line-height:1;}
  .board-st1 tbody td{padding:0 15px 15px;}
}

/********************************************************
* Company
*********************************************************/
.company-visual .vis-bg{background:url("../images/company/company_visual.jpg") no-repeat top center;background-size:cover;}

/* Intro */
.company-intro{position:relative;z-index:50;}
.intro-inner{position:relative;max-width:1920px;margin:0 auto;}
.company-intro .img-wrap{float:left;width:46.88%;font-size:0;line-height:1;}
.company-intro .img-wrap img{width:100%;max-width:900px;height:auto;}
.company-intro .empty-box{float:left;width:53.12%;}
.company-intro .inner{position:absolute;top:0;left:50%;max-width:1640px;height:100%;transform:translateX(-50%);}
.company-intro .text-wrap{position:absolute;top:50%;right:20px;width:48.78%;transform:translateY(-50%);}
.company-intro .text-wrap .title{position:relative;padding-bottom:30px;font-size:40px;font-weight:900;color:#e31d1a;letter-spacing:0.1em;line-height:1;}
.company-intro .text-wrap .title::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right, #e31d1a, #fa9900);}
.company-intro .text-wrap .text{margin-top:35px;font-size:17px;}

.company-diagram{position:relative;padding:355px 0 295px;margin-top:-185px;background-color:#f8f8f8;}
.company-diagram::before, .company-diagram::after{content:"";position:absolute;}
/* .company-diagram::before{top:0;right:0;width:240px;height:272px;background:url("../images/common/square_big.png") no-repeat bottom left;} */
/* .company-diagram::after{bottom:0;left:0;width:247px;height:270px;background:url("../images/common/square_regular.png") no-repeat top right;} */
.diagram{text-align:center;}
.diagram img{width:100%;max-width:1180px;}

.company-info{position:relative;margin-top:-95px;}
.company-info::after{content:"";position:absolute;top:0;right:-50%;width:100%;height:100%;background-color:#fff;}
.info-list{display:flex;position:relative;z-index:50;}
.info-list .first-item{background:url("../images/company/company_item_bg.jpg") no-repeat top center;background-size:cover;}
.info-list .first-item .title{font-size:34px;color:#fff;line-height:1.3em;}
.info-list .first-item .superscript{display:block;margin-bottom:20px;font-size:22px;font-weight:500;color:#fff;line-height:1;}
.info-list .item{position:relative;width:20%;height:280px;}
.info-list .item:not(:first-child):not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:64.29%;background-color:#eee;transform:translateY(-50%);}
.info-list .item-inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:65px 35px 0 50px;}
.en-page .info-list .item-inner{padding:45px 25px 0;}
.info-list .item:not(:first-child) .item-inner{background-color:#fff;}
.info-list .item:not(.first-item) .title{position:relative;font-size:22px;font-weight:500;line-height:1;}
.en-page .info-list .item:not(.first-item) .title{padding-right:30px;line-height:1.4em;}
.info-list .item .icon{position:absolute;top:50%;right:0;font-size:24px;color:#ccc;transform:translateY(-50%);}
.info-list .text-list{margin-top:30px;}
.en-page .info-list .text-list{margin-top:20px;}
.en-page .info-list .item:not(:nth-child(2)) .text-list {margin-top:45px;}
.info-list .text-list .text{font-size:16px;color:#444;line-height:1.6em;}
.en-page .info-list .text-list .text{font-size:15px;}
.info-list .item .noti{position:absolute;bottom:75px;left:50px;font-size:15px;color:#999;}
.en-page .info-list .item .noti{left:25px; bottom:30px;}

.company-apc{margin-top:170px;padding-bottom:140px;}
.company-apc .title{font-size:28px;}
.apc-wrap{margin-top:95px;}
.apc-list{display:flex;margin:0 -17.5px;}
.apc-list .item{width:25%;padding: 0 17.5px;}
.apc-list .item-inner{}
.apc-list .item-inner *{font-family:"Poppins";}
.apc-list .item .ton{display:flex;justify-content:space-between;align-items:flex-end;position:relative;width:100%;padding:0 20px 19px;font-size:18px;font-weight:500;color:#83888a;}
.apc-list .item .number{display:inline-block;font-size:36px;font-weight:700;color:#222;}
.apc-list .item .abbr{position:relative;width:100%;padding:12px 20px 0;font-size:20px;font-weight:500;}
.apc-list .item .abbr::after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background-color:#222;}

/* Vision */
/* .vision-wrap{position:relative;margin-top:70px;padding-bottom:40px;background:url("../images/company/company_vision_bg.png") no-repeat bottom center;} */
.vision-wrap::before, .vision-wrap::after{content:"";position:absolute;}
/* .vision-wrap::before{top:35px;right:0;width:207px;height:387px;background:url("../images/common/square_big.png") no-repeat bottom left;background-size:auto 100%;} */
/* .vision-wrap::after{bottom:0;left:0;width:197px;height:294px;background:url("../images/common/square_regular.png") no-repeat top right;background-size:auto 100%;} */
.vision-top{position:relative;width:100%;max-width:1200px;margin:0 auto;}
.vision-top::before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#eee;z-index:-1;}
.vision-top .diamond{display:flex;justify-content:center;align-items:center;width:320px;height:320px;margin:0 auto;background:url("../images/company/company_vision_figure.png") no-repeat center center;background-size:cover;}
.vision-top .diamond::before, .vision-top .diamond::after{content:"";position:absolute;top:50%;width:7px;height:7px;border:2px solid;border-radius:50%;box-sizing:border-box;background-color:#fff;transform:translateY(-50%);}
.vision-top .diamond::before{left:0;border-color:#e31d1a;}
.vision-top .diamond::after{right:0;border-color:#0671b9;}
.vision-top .dia-inner{text-align:center;}
.vision-top .title{font-size:30px;color:#fff;}
.vision-top .sub-text{margin-top:25px;font-size:18px;font-weight:500;color:#fff;line-height:1.4em;}
.vision-desc{max-width:940px;margin:0 auto;}
.vision-desc .title{margin-top:35px;font-size:30px;text-align:center;}
.vision-list{counter-reset:section;display:flex;justify-content:center;margin:-10px 0 0;}
.vision-list .item{position:relative;width:33.33333333%;padding:33.33333333% 40px 0;}
.vision-list .item:not(:last-child)::before, .vision-list .item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;border-radius:2px;transform:translate(50%, -50%);}
.vision-list .item:not(:last-child)::before{width:24px;height:4px;background-color:#006eb7;}
.vision-list .item:not(:last-child)::after{width:4px;height:24px;background-color:#e31d1a;}
.vision-list .item-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;width:76.47%;max-width:260px;height:76.47%;max-height:260px;padding-bottom:20px;text-align:center;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;transform:translate(-50%, -50%);}
.vision-list .num{}
.vision-list .num::before{content:"0"counter(section);counter-increment:section;font-family:"Poppins";font-size:30px;font-weight:900;color:#e5e5e5;line-height:1;}
.vision-list .icon{margin-top:15px;}
.vision-list .icon img{width:auto;height:100%;max-height:41px;}
.vision-list .text{margin-top:20px;font-size:17px;}

.company-intro h4{font-size: 35px;}
.company-intro h3{font-size: 25px;}
.company-intro p{font-size: 20px;}
.company-intro strong{font-size: 24px;}


/* Greeting */
.greeting-wrap{}
.greeting-wrap .inner{text-align:center;}
.greeting-wrap .text-wrap{width:52.43%;margin:0 auto;}
/* .greeting-wrap .inner{display:flex;flex-direction:row-reverse;position:relative;} */
/* .greeting-wrap .inner::after{content:"";position:absolute;bottom:62px;left:20px;width:calc(100% - 40px);height:4px;background-color:#e31d1a;} */
.en-page .greeting-wrap .inner::after{bottom:65px;}
/* .greeting-wrap .text-wrap{width:52.43%;} */
.greeting-wrap .text-wrap .title{font-size:28px;}
.greeting-wrap .text-wrap .sub-title{margin-top:35px;font-size:24px;line-height:1.6em;}
.en-page .greeting-wrap .text-wrap .sub-title{margin-top:24px;}
.greeting-wrap .text-wrap .text{margin-top:35px;font-size:17px;color:#444;line-height:1.6em;}
.en-page .greeting-wrap .text-wrap .text{margin-top:27px;}
.greeting-wrap .img-wrap{position:relative;width:47.57%;}
.greeting-wrap .img-wrap img{width:20%;max-width:623px;height:auto;}
.greeting-wrap .img-wrap .desc{position:absolute;bottom:17px;right:0;font-size:17px;font-weight:500;color:#444;}
.greeting-wrap .img-wrap .ridi{margin-left:25px;font-size:21px;}
@media (min-width: 1280px){
  .greeting-wrap .text-wrap img{float:left; margin-right: 6%;}
}
@media (max-width: 1280px){
  .greeting-wrap .text-wrap img{display: block; margin: 0 auto 1.6666666667em; max-width: 100%;}
} 
  

/* History */
.history-wrap{}
.history-wrap .title-wrap{text-align:center;}
.history-wrap .title-wrap .title{font-size:22px;font-weight:400;line-height:1.2em;}
.history-wrap .title-wrap .poppins{display:block;font-size:32px;font-weight:900;color:#e31d1a;line-height:1;}
.history-wrap .title-wrap .logo-link{display:inline-block;margin-top:40px;}
.history-wrap .title-wrap .logo-link img{width:100%;max-width:181px;height:auto;}
.history{position:relative;margin-top:85px;}
.his-list{position:relative;max-width:1040px;margin:0 auto;}
.his-list::before{content:"";position:absolute;top:13px;left:50%;width:1px;height:100%;margin-left:-.5px;background-color:#e5e5e5;}
.history .animate-box{position:absolute;top:13px;left:50%;width:1px;height:0;margin-left:-.5px;background-color:#e31d1a;z-index:50;}
.history .animate-box.p-end{transition:height .3s;}
.his-list .item{position:relative;overflow:hidden;min-height:200px;}
.his-list .item::before, .his-list .item::after{content:"";position:absolute;left:50%;box-sizing:border-box;transform:translateX(-50%);z-index:50;}
.his-list .item::before{top:13px;width:8px;height:8px;border:2px solid #9a9a9a;border-radius:50%;background-color:#fff;}
.his-list .item::after{top:5px;width:25px;height:25px;opacity:.2;border:4px solid #cecece;border-radius:50%;background-color:#999;}
.his-list .item.active::before{border:2px solid #e31d1a;}
.his-list .item.active::after{border:4px solid #e38a88;background-color:#e31d1a;}
.his-list .item:not(:first-child){margin-top:70px;}
.his-list .item .img-wrap{width:41.345%;}
.en-page .his-list .item .img-wrap{width:43.345%;}
.his-list .item .img-wrap img{width:100%;max-width:430px;height:auto;}
.his-list .item .text-wrap{width:41.345%;}
.en-page .his-list .item .text-wrap{width:43.345%;}
.his-list .item .year{font-family:"Poppins";font-size:34px;font-weight:900;line-height:1;}
.his-list .item .year::before{content:"";position:absolute;top:17px;left:50%;width:70px;border-bottom:1px dashed #999;}
.en-page .his-list .item .year::before{width:60px;}
.his-list .item .text-list{margin-top:25px;}
.his-list .item .text{position:relative;font-size:18px;color:#444;}
.en-page .his-list .item .text{font-size:17px;}
.his-list .item .text:not(:first-child){margin-top:5px;}
.his-list .item .text::before{content:"";position:absolute;top:50%;width:4px;height:4px;border-radius:50%;background-color:#222;transform:translateY(-50%);}
.en-page .his-list .item .text::before{top:12px;transform:none;}
.his-list .right{}
.his-list .right .img-wrap{float:left;text-align:right;}
.his-list .right .text-wrap{float:right;padding-left:6px;text-align:left;}
.his-list .right .text{padding-left:19px;}
.his-list .right .text::before{left:0;}
.his-list .left{}
.his-list .left .img-wrap{float:right;}
.his-list .left .text-wrap{float:left;padding-right:6px;text-align:right;}
.his-list .left .year::before{transform:translateX(-100%);}
.his-list .left .text{padding-right:19px;}
.his-list .left .text::before{right:0;}

/* Location */
.map-wrap{margin-top:55px;}
.map-wrap .map{width:100%;height:600px;}
.location-address{position:relative;margin-top:-110px;z-index:50;}
.location-address::after{content:"";position:absolute;top:0;left:50%;width:100%;height:100%;background-color:#fff;}
.location-address .inner{max-width:1600px;background-color:#fff;}
.adr-list{position:relative;max-width:1440px;padding:10px 0 40px;margin:0 auto;z-index:50;}
.adr-list .item{display:flex;padding:70px 0;border-bottom:1px dashed #e5e5e5;}
.adr-list .item:last-child{padding-bottom:0;border-bottom:0;}
.adr-list .loc-left{position:relative;width:27.86%;padding-left:50px;}
.adr-list .loc-left::after{content:"";position:absolute;top:50%;right:0;height:100px;border-right:1px dashed #e5e5e5;transform:translateY(-50%);}
.adr-list .item .title{font-size:26px;line-height:1;}
.en-page .adr-list .item .title{padding-right:10px;}
.adr-list .item .text{margin-top:20px;font-size:18px;color:#444;}
.en-page .adr-list .item .text{padding-right:10px;}
.adr-list .loc-right{display:flex;width:72.14%;padding-left:60px;}
.en-page .adr-list .loc-right{flex-wrap:wrap;}
.adr-list .detail{position:relative;width:52.25%;padding-left:30px;font-size:17px;}
.en-page .adr-list .detail{padding-right:15px;}
.adr-list .item .icon{display:inline-block;position:absolute;top:4px;left:0;font-size:18px;color:#ccc;}
.adr-list .contact{width:47.75%;}
.adr-list .number{position:relative;padding-left:35px;font-family:"Poppins";font-size:17px;font-weight:500;color:#222;}
.adr-list .number:not(:first-child){margin-top:12px;}
.adr-list .tel:hover{text-decoration:underline;}
.adr-list .public-transit{width:72.14%;padding-left:60px;}
.adr-list .inner-item:not(:first-child){margin-top:13px;}
.adr-list .transit-text{display:inline-block;position:relative;min-width:290px;padding-left:20px;font-size:17px;vertical-align:middle;}
.adr-list .transit-text::before{content:"";position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background-color:#222;}
.adr-list .s-detail{display:inline-block;position:relative;padding-left:22px;margin-left:22px;font-size:16px;vertical-align:middle;}
.adr-list .s-detail::before{content:"";position:absolute;top:50%;left:0;width:2px;height:12px;background-color:#e5e5e5;transform:translateY(-50%);}

/* Financial */
.financial-wrap .graph{font-size:0;line-height:1;border:1px solid #e5e5e5;}
.financial-wrap .graph img{width:100%;max-width:1400px;min-width:970px;height:auto;}

@media (max-width:1800px){
  /* Vision */
  .vision-wrap::before, .vision-wrap::after{display:none;}
}
@media (max-width:1440px){
  /* Company */
  .intro-inner{padding:0 20px;}
  .company-intro .img-wrap{float:none;width:100%;text-align:center;}
  .company-intro .empty-box{display:none;}
  .company-intro .inner{position:relative;top:0;left:0;height:auto;transform:none;}
  .company-intro .text-wrap{position:relative;top:0;right:0;width:100%;margin-top:50px;text-align:center;transform:none;}
  .info-list{flex-wrap:wrap;}
  .info-list .item{width:25%;}
  .info-list .first-item{display:none;}
  .company-info::after{display:none;}

  /* Greeting */
  .greeting-wrap .inner{display:block;flex-direction:column;align-items:center;}
  .greeting-wrap .inner::after{display:none;}
  /* 20220202 여백 주기위해 코드 수정*/
  .greeting-wrap .text-wrap{position:relative;width:90%;padding-top:40px;margin-top:30px;text-align:center;}
  .greeting-wrap .text-wrap::before{content:"";position:absolute;top:0;left:50%;width:100%;max-width:750px;height:4px;background-color:#e31d1a;transform:translateX(-50%);}
  .greeting-wrap .img-wrap{width:100%;text-align:center;}
  .greeting-wrap .img-wrap img{margin-right:-4.83%;}
  .greeting-wrap .img-wrap .desc{bottom:0;right:3.83%;width:100%;font-size:16px;text-align:center;}
  .en-page .greeting-wrap .img-wrap .desc{right:0;}
  .greeting-wrap .img-wrap .ridi{font-size:20px;}

  /* Location */
  .location-address::after{display:none;}
  .location-address .inner{background:none;}
  .adr-list{background-color:#fff;}
  .adr-list .item{padding:50px 0;}
  .adr-list .loc-left{padding-left:40px;}
  .adr-list .item .title{font-size:25px;}
  .adr-list .item .text{font-size:17px;}
  .adr-list .loc-right{padding-left:40px;}
  .adr-list .detail{width:72.25%;font-size:16px;}
  .adr-list .number{font-size:16px;}
  .adr-list .public-transit{padding-left:40px;}
  .adr-list .transit-text{font-size:16px;}
  .adr-list .contact {margin-top:18px;}
  .en-page .adr-list .number{display:inline-block;padding-left:25px;}
  .en-page .adr-list .number:not(:first-child){margin:0 0 0 20px;}
}
@media (max-width:1280px){
  /* Company */
  .company-intro{margin-top:70px;}
  .company-intro .text-wrap .title{padding-bottom:20px;font-size:52px;}
  .company-intro .text-wrap .text{font-size:16px;}
  .company-diagram{padding:225px 0 195px;margin-top:-125px;}
  .company-diagram::before, .company-diagram::after{display:none;}
  .info-list .item{height:250px;}
  .info-list .item-inner{padding:45px 30px;}
  .info-list .item:not(.first-item) .title{font-size:19px;}
  .info-list .item .noti{bottom:55px;}
  .company-apc{padding-bottom:70px;margin-top:80px;}
  .company-apc .title{font-size:25px;}
  .apc-wrap{margin-top:65px;}
  .apc-list .item .ton{font-size:16px;}
  .apc-list .item .number{font-size:30px;}
  .apc-list .item .abbr{font-size:18px;}

  /* Vision */
  .vision-wrap{margin-top:60px;}
  .vision-top .diamond{width:280px;height:280px;}
  .vision-top .title{font-size:27px;}
  .vision-top .sub-text{margin-top:20px;font-size:17px;}
  .vision-desc .title{margin-top:30px;font-size:28px;}
  .vision-desc{max-width:850px;}

  /* Greeting */
  .greeting-wrap .text-wrap{padding-top:35px;margin-top:25px;width: 100%;}
  .greeting-wrap .text-wrap .title{font-size:25px;}
  .greeting-wrap .text-wrap .sub-title{margin-top:30px;font-size:20px;}
  .greeting-wrap .text-wrap .text{margin-top:30px;font-size:16px;}
}
@media (max-width:1080px) {
  /* EN Location */
  .en-page .map-wrap .map{height:500px;}
  .en-page .location-address{margin-top:0;}
  .en-page .adr-list{display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0;margin-top:40px;}
  .en-page .adr-list .item{flex-wrap:wrap;justify-content:left;position:relative;width:100%;max-width:750px;padding:30px 0;border:0;}
  .en-page .adr-list .item:first-child{padding-top:0;}
  .en-page .adr-list .item:first-child::after{content:"";position:absolute;bottom:0;left:50%;width:200%; border-bottom:1px dashed #e5e5e5;transform:translateX(-50%);}
  .en-page .adr-list .loc-left{display:flex;flex-direction:column;justify-content:center;width:210px;padding-left:0;}
  .en-page .adr-list .item .title{font-size:23px;}
  .en-page .adr-list .item .text{margin-top:13px;font-size:16px;}
  .en-page .adr-list .loc-right{flex-direction:column;width:auto;padding-left:20px;}
  .en-page .adr-list .detail{width:auto;padding-left:25px;}
  .en-page .adr-list .contact{width:auto;margin-top:18px;}
  .en-page .adr-list .item .icon{font-size:15px;}
  .en-page .adr-list .public-transit{width:auto;padding-left:20px;}
  .en-page .adr-list .transit-text{min-width:auto;}
  .en-page .adr-list .s-detail{display:block;padding-left:20px;margin:5px 0 0 20px;}
  .en-page .adr-list .s-detail::before{width:10px;height:2px;}
}
@media (max-width:970px){
  /* Company */
  .company-intro{margin-top:50px;}
  .company-intro .text-wrap{margin-top:40px;}
  .company-intro .text-wrap .title{font-size:48px;}
  .company-diagram{padding:205px 0 175px;}
  .diagram img{max-width:522px;margin:0 auto;}
  .info-list .item{width:50%;height:190px;}
  .en-page .info-list .item{height:210px;}
  .info-list .item-inner{padding:35px 30px;}
  .en-page .info-list .item-inner{padding-top:30px;}
  .info-list .item:not(:first-child):not(:last-child)::after{height:calc(100% - 40px);}
  .info-list .item:nth-child(3)::after{display:none;}
  .company-info .info-list .item:nth-child(n + 4)::before{content:"";position:absolute;top:0;left:50%;width:calc(100% - 40px);height:1px;transform:translateX(-50%);background-color:#eee;z-index:50;}
  .info-list .item:not(.first-item) .title{font-size:18px;}
  .info-list .text-list{margin-top:20px;}
  .en-page .info-list .item:not(:nth-child(2)) .text-list {margin-top:20px;}
  .info-list .text-list .text{font-size:15px;}
  .en-page .info-list .text-list .text{font-size:14px;}
  .info-list .item .noti{bottom:25px;left:30px;font-size:14px;}
  .company-apc{padding:0;margin-top:70px;}
  .company-apc .title{font-size:22px;}
  .apc-wrap{margin-top:55px;}
  .apc-list {flex-wrap:wrap;}
  .apc-list .item{width:50%;}
  .apc-list .item:nth-child(n + 3){margin-top:40px;}
  .apc-list .item .ton{padding:0 15px 19px;font-size:15px;}
  .apc-list .item .abbr{font-size:17px;}

  /* Vision */
  .vision-wrap{padding-bottom:0;}
  .vision-list .num::before{font-size:27px;}
  .vision-list .icon{height:35px;}
  .vision-list .text{margin-top:15px;font-size:16px;}
  .vision-list .item:not(:last-child)::before{width:20px;height:3px;}
  .vision-list .item:not(:last-child)::after{width:3px;height:20px;}
  .vision-desc .title{font-size:25px;}

  /* Greeting */
  .greeting-wrap{margin-top:44px;}
  .greeting-wrap .img-wrap .desc{bottom:10px;font-size:15px;}
  .greeting-wrap .img-wrap .ridi{margin-left:20px;font-size:19px;}
  .greeting-wrap .text-wrap{margin-top:6px;}
  .greeting-wrap .text-wrap .title{font-size:23px;}
  .greeting-wrap .text-wrap .sub-title{margin-top:25px;font-size:19px;}
  .greeting-wrap .text-wrap .text{font-size:15px;}

  /* History */
  .history-wrap .title-wrap .title{font-size:20px;}
  .history-wrap .title-wrap .poppins{font-size:30px;}
  .history-wrap .title-wrap .logo-link{width:150px;}
  .history{margin-top:70px;}
  .his-list .item{min-height:140px;}
  .his-list .item:not(:first-child){margin-top:50px;}
  .his-list .item .year{font-size:32px;}
  .his-list .item .text, .en-page .his-list .item .text{font-size:16px;}
  .en-page .his-list .item .text::before{top:10px;}
  .his-list .item .img-wrap{width:43%;}
  .his-list .item .text-wrap{width:43%;padding:0;}
  .his-list .item .year::before{width:45px;}
  .en-page .his-list .item .year::before{width:35px;}

  /* Location */
  .map-wrap .map{height:500px;}
  .location-address{margin-top:0;}
  .adr-list{display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0;margin-top:40px;}
  .adr-list .item{flex-wrap:wrap;justify-content:left;position:relative;width:100%;max-width:750px;padding:30px 0;border:0;}
  .adr-list .item:first-child{padding-top:0;}
  .adr-list .item:first-child::after{content:"";position:absolute;bottom:0;left:50%;width:200%; border-bottom:1px dashed #e5e5e5;transform:translateX(-50%);}
  .adr-list .loc-left{display:flex;flex-direction:column;justify-content:center;width:210px;padding-left:0;}
  .adr-list .item .title{font-size:23px;}
  .adr-list .item .text{margin-top:13px;font-size:16px;}
  .adr-list .loc-right{flex-direction:column;width:auto;padding-left:20px;}
  .adr-list .detail{width:auto;padding-left:25px;}
  .adr-list .contact{width:auto;margin-top:18px;}
  .adr-list .number{padding-left:25px;}
  .adr-list .item .icon{font-size:15px;}
  .adr-list .public-transit{width:auto;padding-left:20px;}
  .adr-list .transit-text{min-width:auto;}
  .adr-list .s-detail{display:block;padding-left:20px;margin:5px 0 0 20px;}
  .adr-list .s-detail::before{width:10px;height:2px;}
  /* EN Location */
  .en-page .map-wrap .map{height:400px;}
  .en-page .adr-list .item .text{margin-top:9px;}
  .en-page .adr-list .loc-left{width:100%;}
  .en-page .adr-list .loc-left::after{display:none;}
  .en-page .adr-list .loc-right{width:100%;padding-left:0;margin-top:28px;}
  .en-page .adr-list .detail{font-size:15px;}
  .en-page .adr-list .contact{margin-top:10px;}
  .en-page .adr-list .number{font-size:15px;}
  .en-page .adr-list .public-transit{padding-left:0;margin-top:28px;}
  .en-page .adr-list .inner-item:not(:first-child){margin-top:15px;}
  .en-page .adr-list .transit-text{padding-left:12px;font-size:15px;}
  .en-page .adr-list .s-detail{padding-left:12px;margin:7px 0 0;font-size:14px;}
  .en-page .adr-list .s-detail::before{display:none;}

  /* Financial */
  .financial-wrap .graph .scroll-table{overflow-x:scroll;overflow-y:hidden;}
  .financial-wrap .graph .scroll-guide{display:block;}
}
@media (max-width:840px){
  /* History */
  .his-list .item .year::before{display:none;}
}
@media (max-width:810px){
  /* Location */
  .map-wrap .map{height:400px;}
  .adr-list .item .text{margin-top:9px;}
  .adr-list .loc-left{width:100%;}
  .adr-list .loc-left::after{display:none;}
  .adr-list .loc-right{width:100%;padding-left:0;margin-top:28px;}
  .adr-list .detail{font-size:15px;}
  .adr-list .contact{margin-top:10px;}
  .adr-list .number{display:inline-block;font-size:15px;}
  .adr-list .number:not(:first-child){margin:0 0 0 20px;}
  .adr-list .public-transit{padding-left:0;margin-top:28px;}
  .adr-list .inner-item:not(:first-child){margin-top:15px;}
  .adr-list .transit-text{padding-left:12px;font-size:15px;}
  .adr-list .s-detail{padding-left:12px;margin:7px 0 0;font-size:14px;}
  .adr-list .s-detail::before{display:none;}
}
@media (max-width:800px){
  /* Vision */
  .vision-list{flex-direction:column;align-items:center;}
  .vision-list .item{width:100%;height:290px;padding:0;}
  .vision-list .item:not(:last-child)::before, .vision-list .item:not(:last-child)::after{top:100%;right:50%;}
  .vision-list .item-inner{width:220px;height:220px;}
}
@media (max-width:640px){
  /* Company */
  .company-intro .text-wrap .title{padding-bottom:15px;font-size:44px;}
  .company-intro .text-wrap .text{margin-top:28px;font-size:15px;text-align:left;}
  .company-diagram{padding:175px 0 165px;margin-top:-105px;}
  .company-apc .title{font-size:21px;}
  .en-page .info-list .item {height:230px;}
  .en-page .info-list .item:not(:nth-child(2)) .text-list{margin-top:40px;}

  /* Greeting */
  .greeting-wrap .img-wrap .desc{position:relative;bottom:0;margin-top:-11px;}
  .greeting-wrap .img-wrap .ridi{display:block;margin:7px 0 0;}
  .greeting-wrap .text-wrap{margin-top:20px;}
  .greeting-wrap .text-wrap .title{font-size:21px;}
  .greeting-wrap .text-wrap .sub-title{font-size:18px;}

  /* History */
  .history-wrap .title-wrap .poppins{font-size:28px;line-height:1.2em;}
  .history-wrap .title-wrap .title{font-size:18px;line-height:1.5em;}
  .history{text-align:center;}
  .his-list{padding:0 10px 0 40px;}
  .his-list::before{left:12.5px;}
  .history .animate-box{left:12.5px;}
  .his-list .item{min-height:auto;overflow:visible;}
  .his-list .item::before, .his-list .item::after{left:-27px;}
  .his-list .item .img-wrap, .en-page .his-list .item .img-wrap{float:none;width:100%;text-align:left;}
  .his-list .item .text-wrap, .en-page .his-list .item .text-wrap{float:none;width:100%;padding-left:20px;text-align:left;}
  .his-list .item .text-wrap:nth-child(2){margin-top:25px;}
  .his-list .item .year{font-size:27px;}
  .his-list .item .text-list{margin-top:14px;}
  .his-list .item .text, .en-page .his-list .item .text{padding:0 0 0 15px;font-size:15px;}
  .his-list .item .text::before{right:calc(100% - 4px);}
}
@media (max-width:540px) {
  .en-page .adr-list .detail .show_1080 {display:none;}
}
@media (max-width:500px) {
  .en-page .info-list .item{width:100%;}
  .en-page .info-list .item:not(:first-child):not(:last-child)::after{display:none;}
  .en-page .company-info .info-list .item:nth-child(3)::before{content:"";position:absolute;top:0;left:50%;width:calc(100% - 40px);height:1px;transform:translateX(-50%);background-color:#eee;z-index:50;}
  .en-page .info-list .item{height:170px;}
  .en-page .info-list .item-inner{padding:30px 20px;}
  .en-page .info-list .item:not(:nth-child(2)) .text-list{margin-top:20px;}
  .en-page .info-list .item .noti{bottom:20px;left:20px;font-size:13px;}
}
@media (max-width:480px){
  /* Company */
  .company-intro .inner{padding:0;}
  .company-intro .text-wrap{margin-top:34px;}
  .company-intro .text-wrap .title{font-size:37px;}
  .info-list .item{width:100%;}
  .info-list .item:not(:first-child):not(:last-child)::after{display:none;}
  .company-info .info-list .item:nth-child(3)::before{content:"";position:absolute;top:0;left:50%;width:calc(100% - 40px);height:1px;transform:translateX(-50%);background-color:#eee;z-index:50;}
  .info-list .item:not(.first-item) .title{font-size:18px;}
  .info-list .text-list{margin-top:15px;}
  .info-list .item{height:170px;}
  .info-list .item-inner{padding:35px 20px;}
  .info-list .text-list .text{font-size:14px;}
  .info-list .item .noti{bottom:30px;left:20px;}
  .company-apc{margin-top:60px;}
  .apc-list .item{width:100%;}
  .apc-list .item:nth-child(n + 2){margin-top:35px;}
  .apc-list .item .ton{padding:0 0 19px;}
  .apc-list .item .ton::after{height:2px;}
  .apc-list .item .number{font-size:28px;}
  .apc-list .item .abbr{padding:12px 0 0;}

  /* Vision */
  .vision-top .diamond::before, .vision-top .diamond::after{display:none;}
  .vision-top .diamond{width:240px;height:240px;}
  .vision-top .title{font-size:24px;}
  .vision-top .sub-text{margin-top:15px;font-size:15px;}
  .vision-desc .title{font-size:24px;}
  .vision-list .item{height:260px;}
  .vision-list .item-inner{width:190px;height:190px;}
  .vision-list .num::before{font-size:25px;}
  .vision-list .text{font-size:15px;}
  .en-page .vision-list .text{font-size:14px;}

  /* Greeting */
  .greeting-wrap .img-wrap .ridi{font-size:18px;}
  .greeting-wrap .text-wrap .title{font-size:20px;}
  .greeting-wrap .text-wrap .sub-title{font-size:17px;}

  /* History */
  .his-list .item .text-wrap{padding-left:10px;}

  /* Location */
  .map-wrap .map{height:350px;}
}


/********************************************************
* Product
*********************************************************/
.product-visual .vis-bg{background:url("../images/product/product_visual.jpg") no-repeat top center;background-size:cover;}

/* Product */
.product-wrap{}
.product-list .item:not(:first-child){margin-top:150px;}
.product-list .item .title{position:relative;padding-bottom:20px;font-family:"poppins";font-size:42px;}
.product-list .item .title::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#222;}
.product-list .item .desc{display:block;font-family:"poppins";font-size:22px;font-weight:400;line-height:1;}
.product-list .item .text{margin-top:30px;font-size:17px;color:#444;}
.product-list .item .hash-wrap{position:relative;padding:0 50px;}
.product-list .item .hash-wrap::before, .product-list .item .hash-wrap::after{content:"";position:absolute;top:50%;width:31px;height:65px;transform:translateY(-50%);}
.product-list .item .hash-wrap::before{left:0;background:url("../images/product/product_hash_left.jpg") no-repeat left center;}
.product-list .item .hash-wrap::after{right:0;background:url("../images/product/product_hash_right.jpg") no-repeat right center;}
.product-list .item .hash-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:65px;}
.product-list .item .hash-list2 {max-width:370px;margin:65px auto 0;}
.en-page .product-list .item .hash-list2{max-width:350px;}
.product-list .item .hash{margin-right:4px;font-size:16px;color:#666;}
.product-list .item .hash:last-child{margin-right:0;}
.product-list .item .btn-wrap{margin-top:68px;}
.product-list .item .btn-list{display:flex;margin:0 -4px;}
.product-list .item .btn-item{width:33.3333333333%;padding:0 4px;}
.product-list .item .btn-item .link{display:inline-flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 35px;font-size:15px;color:#222;border:1px solid #222;transition:opacity .3s, color .3s, border .3s, background-color .3s, box-shadow .3s;}
.product-list .item .btn-item .icon{display:inline-block;font-size:16px;}
.product-list .item .btn-item .adviser{color:#fff;border:0;background-color:#e31d1a;box-shadow:0 0 15px rgba(227,29,26,.5);}
.product-list .item .btn-item .link:not(.adviser):hover{color:#fff;background-color:#222;box-shadow:0 0 15px rgba(34,34,34,.3);}
.product-list .item .btn-item .adviser:hover{opacity:.7;}

.product-pop{position:fixed;top:50%;left:50%;width:90%;max-width:1400px;visibility:hidden;opacity:0;padding:100px 100px 55px;border-radius:30px;background-color:#fff;transform:translate(-50%, -50%);transition:visibility .3s, opacity .3s;z-index:1600;}
.product-pop.show{visibility:visible;opacity:1;}
.pop-inner{}
.pop-top{display:flex;justify-content:space-between;align-items:center;}
.pop-top .title{font-size:42px;line-height:1;}
.product-pop .board-st2{}
.product-pop .board-st2 .th-num{width:90px;}
.product-pop .pop-close{display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin:40px auto 0;font-size:50px;color:#ddd;border:3px solid #ddd;border-radius:50%;}

.product-intro h4{font-size: 35px;}
.product-intro h5{font-size: 25px;}
.product-intro p{font-size: 20px;}
.product-intro li{list-style-type: square;font-size: 20px; margin-left: 20px;}
.product-intro strong{font-size: 24px;}
.product-table{border-collapse: separate; border-spacing:1px; line-height: 1.5; text-align: center; border-top: 1px solid #ccc; margin: 20px 10px;}
.product-table th{width: 170px; padding: 10px; font-weight: bold; border-bottom: 1px solid #ccc; background: #efefef;}
.product-table td{padding:10px; vertical-align: top; border-bottom: 1px solid #ccc;}
img.size50{width: 50%;}

/* Progress */
.progress-wrap .img-wrap{position:relative;width:100%;padding-top:42.85%;border:1px solid #d7d7d7;}
.progress-wrap .img-inner{display:flex;justify-content:center;align-items:center;position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);padding:30px;border:1px solid #d7d7d7;background-color:#f8f8f8;}
.progress-wrap .img-inner img{width:100%;height:auto;}
.pmma-wrap .img-inner{padding-top:50px;}
.pmma-wrap .img-inner .pc-img{max-width:1015px;}
.mma-maa-wrap .img-inner .pc-img{max-width:1042px;}
.hema-hiss-wrap .img-inner .pc-img{max-width:770px;}
.pmma-wrap .img-inner .mo-img{max-width:409px;}
.mma-maa-wrap .img-inner .mo-img{max-width:400px;}
.hema-hiss-wrap .img-inner .mo-img{max-width:190px;}

@media (max-width:1440px){
  /* Product */
  .product-pop{padding:70px 70px 55px;}
}
@media (max-width:1400px){
  /* Product */
  .left-right-list .item{padding:0 20px;}
  .left-right-list .item .img-wrap{float:none;width:100%;text-align:center;}
  .left-right-list .item .empty-box{display:none;}
  .left-right-list .item .inner{position:relative;top:0;left:0;height:auto;padding:0;transform:none;}
  .left-right-list .item .text-wrap{position:relative;top:0;left:0;right:0;width:100%;max-width:960px;padding:0;margin:60px auto 0;transform:none;}
  .product-list .item .hash-wrap{padding:0;}
  .product-list .item .hash-wrap::before, .product-list .item .hash-wrap::after{display:none;}
  .product-list .item .hash-list{justify-content:flex-start;margin-top:20px;}
  .product-list .item .hash-list2, .en-page .product-list .item .hash-list2{max-width:none;}
  .product-list .item .hash{font-size:15px;color:#888;}
  .product-list .item .btn-wrap{max-width:600px;margin-top:40px;}
  .hide_1400{display:none;}
  .show_1400{display:block;}
}
@media (max-width:1280px){
  /* Product */
  .product-wrap{margin-top:50px;}
  .left-right-list .item .text-wrap{margin-top:30px;}
  .product-list .item:not(:first-child){margin-top:80px;}
  .product-list .item .title{font-size:40px;}
  .product-list .item .desc{font-size:20px;}
  .product-list .item .text{margin-top:25px;font-size:16px;}
  .product-list .item .hash{font-size:14px;}
  .product-list .item .btn-wrap{max-width:550px;}
  .product-list .item .btn-item .link{height:55px;}
  .en-page .product-list .item .btn-item .link{padding:0 30px;}

  .product-pop{padding:40px;border-radius:20px;}
  .pop-top .title{font-size:40px;}
  .product-pop .pop-close{position:absolute;top:-50px;right:0;width:auto;height:auto;margin:0;border:0;}
  .board-st2 thead th{font-size:15px;}
  .board-st2 tbody td{font-size:14px;}
  .board-st2 tbody .btn-down{font-size:20px;}
  .product-pop .board-st2 .th-num{width:70px;}
  .product-pop .board-st2 tbody .td-title{padding-left:0;}
}
@media (max-width:1110px){
  /* Product */
  .product-pop .scroll-table{overflow-x:scroll;overflow-y:hidden;}
  .product-pop .scroll-guide{display:block;}
  .product-pop .board-st2{width:910px;}
}
@media (max-width:970px){
  /* Product */
  .product-list .item .title{font-size:37px;}
  .product-list .item .desc{font-size:19px;}
  .product-list .item .text{margin-top:20px;font-size:15px;}
  .product-list .item .btn-wrap{max-width:500px;margin-top:35px;}
  .product-list .item .btn-item .link{height:50px;padding:0 20px;}
  .en-page .product-list .item .btn-item .link{padding:0 15px;}

  .pop-top .title{font-size:37px;}

  /* Progress */
  .progress-wrap .img-wrap{padding:10px;}
  .progress-wrap .img-inner{position:relative;top:0;left:0;width:auto;height:auto;padding:20px;}
}
@media (max-width:768px){
  /* Product */
  .product-pop{padding:30px 20px;}
  .pop-top{flex-direction:column;}
  .product-pop .search-wrap{margin-top:25px;}
  .product-pop .search-text{width:calc(100% - 70px);}
}
@media (max-width:640px){
  /* Product */
  .product-list .item:not(:first-child){margin-top:60px;}
  .left-right-list .item .text-wrap{margin-top:25px;}
  .product-list .item .title{font-size:33px;}
  .product-list .item .desc{font-size:18px;}
  .product-list .item .btn-item .link{font-size:14px;}
  .product-list .hide_640{display:none;}

  .pop-top .title{font-size:33px;}
  .product-pop .board-wrap{margin-top:20px;}
  .product-pop .board-st2{width:830px;}
  .product-pop .board-st2 .th-num{width:60px;}
  .product-pop .board-st2 thead th{height:45px;font-size:14px;}
  .product-pop .board-st2 thead td{height:45px;font-size:13px;}
  .product-pop .board-st2 thead .th-grade{width:80px;}
  .product-pop .board-st2 tbody .td-title{padding-right:20px;}
  .product-pop .board-st2 thead .th-down{width:80px;}
  .product-pop .pagenation{margin-top:25px;}
}
@media (max-width:480px){
  /* Product */
  .product-list .item .btn-list{flex-direction:column;align-items:center;}
  .product-list .item .btn-item{width:100%;max-width:440px;}
  .product-list .item .btn-item:not(:first-child){margin-top:5px;}
  .product-list .item .btn-item .link{height:45px;}
}


/********************************************************
* Recruit
*********************************************************/
.recruit-visual .vis-bg{background:url("../images/recruit/recruit_visual.jpg") no-repeat top center;background-size:cover;}
/* Recruit */
.recruit-wrap{}
.procedure-wrap{}
.procedure-list{display:flex;margin:0 -12.5px;}
.procedure-list .item{width:33.3333333333%;height:300px;padding:0 12.5px;}
.procedure-list .item-inner{height:100%;max-height:300px;padding:65px 60px 0;border:1px solid #e5e5e5;border-top:2px solid #e31d1a;}
.procedure-list .item .title{position:relative;padding-bottom:22px;font-size:24px;}
.procedure-list .item .red-sub-title{font-size:14px;}
.procedure-list .item:not(.last-item) .title::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:#222;}
.procedure-list .item .text{margin-top:23px;font-size:15px;color:#5d5d5d;}
.procedure-list .last-item .item-inner{border:0;background:url("../images/recruit/recruit_bg.jpg") no-repeat top center;background-size:cover;}
.procedure-list .last-item .title{display:block;font-size:26px;color:#fff;}
.procedure-list .btn-short-cut{display:inline-block;position:relative;padding-right:30px;font-size:16px;color:#fff;}
.procedure-list .btn-short-cut .icon{position:absolute;top:50%;right:0;transform:translateY(-50%);transition:transform .3s;}
.procedure-list .item-inner:hover .btn-short-cut .icon{transform:translate(5px, -50%);}
.recruit-wrap .board-wrap{margin-top:130px;}
.recruit-wrap .board-st1 .state{display:inline-flex;justify-content:center;align-items:center;width:70px;height:28px;font-size:14px;color:#fff;border-radius:14px;}
.en-page .recruit-wrap .board-st1 .state{font-size:13px;}
.recruit-wrap .board-st1 .afoot{background-color:#e31d1a;}
.recruit-wrap .board-st1 .close{background-color:#4d5255;}
.recruit-wrap .board-st1 thead .th-date{width:200px;}
.recruit-wrap .board-st1 thead .th-writer{width:200px;}
.recruit-wrap .board-st1 thead th:last-child, .recruit-wrap .board-st1 tbody td:last-child{padding-right:0;}

/* Talent */
.talent-wrap{text-align:center;}
.talent-wrap .title-wrap{padding-top:70px;border-top:1px solid #e5e5e5;}
.talent-wrap .title-wrap .title{font-size:32px;color:#e31d1a;}
.talent-wrap .title-wrap .s-text{font-size:16px;color:#444;}
.talent-wrap .img-wrap{margin-top:75px;}
.talent-wrap .img-wrap img{width:100%;max-width:798px;height:auto;}

/* Culture */
.culture-list{display:flex;margin:0 -17.5px;}
.culture-list .item{width:33.333333333%;padding:0 17.5px;}
.culture-list .item-inner{}
.culture-list .item .img-wrap{}
.culture-list .item .img-wrap img{width:100%;max-width:443px;height:auto;}
.culture-list .item .text-wrap{min-height:178px;margin-top:35px;}
.en-page .culture-list .item .text-wrap{display:flex;flex-direction:column;justify-content:space-between;min-height:271px;}
.culture-list .item .text-wrap .title{font-size:24px;}
.culture-list .item .text-wrap .text{margin-top:22px;font-size:16px;color:#444;}
.en-page .culture-list .item .text-wrap .text{min-height:176px;}
.culture-list .item .text-list{margin-top:30px;}
.culture-list .item .text-item{}
.culture-list .item .text-inner{position:relative;padding:18px 0 18px 30px;font-size:15px;color:#666;border-bottom:1px solid #e1e1e1;}
.culture-list .item .text-item:last-child .text-inner{border-bottom:0;}
.culture-list .item .text-inner::before{content:"";position:absolute;top:50%;left:0;width:18px;height:16px;background:url("../images/recruit/culture_icon.png") no-repeat center center;background-size:100% auto;transform:translateY(-50%);}
.en-page .culture-list .item .text-drop .text-inner::before{top:22px;transform:none;}

/* Duties */
.duties-wrap{}
.duties-wrap .table-st2 thead th{font-size:17px;font-weight:500;border-bottom:1px solid #222;}
.ability-wrap{}
.duties-visual{}
.duties-visual img{width:100%;max-width:1400px;height:auto;}
.ability-wrap .title{font-size:28px;line-height:1.4em;}
.ability-wrap .img-wrap{position:relative;width:100%;padding-top:35.71%;border:1px solid #e5e5e5;}
.ability-wrap .img-inner{display:flex;justify-content:center;align-items:center;position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);padding:30px;border:1px solid #e5e5e5;}
.ability-wrap .img-inner img{width:100%;height:auto;}
.mgt-support .img-inner .pc-img, .product-mgt .img-inner .pc-img{max-width:1140px;}
.sales-mgt .img-inner .pc-img, .product-support .img-inner .pc-img{max-width:923px;}

/* Welfare */
.welfare{}
.welfare-list{display:flex;flex-wrap:wrap;margin:-50px -30px;}
.welfare-list .item{width:50%;padding:50px 30px;}
.welfare-list .item .title{position:relative;padding:0 30px 15px;;font-size:22px;}
.welfare-list .item .title::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#222;}
.welfare-list .item .title:after{content:"";position:absolute;bottom:-60px;right:25px;height:33px;}
.welfare-list .item1 .title:after{width:38px;background:url("../images/recruit/welfare_icon1.png") no-repeat center center;background-size:auto 100%;}
.welfare-list .item2 .title:after{width:33px;background:url("../images/recruit/welfare_icon2.png") no-repeat center center;background-size:auto 100%;}
.welfare-list .item3 .title:after{width:39px;background:url("../images/recruit/welfare_icon3.png") no-repeat center center;background-size:auto 100%;}
.welfare-list .item4 .title:after{width:32px;background:url("../images/recruit/welfare_icon4.png") no-repeat center center;background-size:auto 100%;}
.welfare-list .text-list{display:flex;flex-wrap:wrap;padding:0 30px;margin-top:25px;}
.welfare-list .text-item{position:relative;width:50%;padding-left:20px;padding-right:10px;font-size:16px;color:#444;}
.welfare-list .text-item:not(:nth-child(-n + 2)){margin-top:8px;}
.welfare-list .text-item::before{content:"";position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50%;background-color:#222;}

@media (max-width:1440px){
  /* Recruit */
  .procedure-list .item-inner{padding:65px 30px 0;}
}
@media (max-width:1280px){
  /* Recruit */
  .procedure-list{margin:0 -7.5px;}
  .procedure-list .item{height:auto;padding:0 7.5px;}
  .procedure-list .item-inner{max-height:238px;padding:35px 20px;}
  .procedure-list .item .title{font-size:22px;}

  .recruit-wrap .board-wrap{margin-top:80px;}
  .recruit-wrap .board-st1 thead .th-writer{width:140px;}

  /* Talent */
  .talent-wrap .title-wrap .title{font-size:30px;}

  /* Culture */
  .culture-list .item .text-wrap .title{font-size:22px;}
  .culture-list .item .text-wrap .text{font-size:15px;}

  /* Duties */
  .duties-wrap .table-st2 thead th{font-size:16px;}
  .ability-wrap .title{font-size:26px;}

  /* Welfare */
  .welfare-list .item .title{padding:0 20px 15px;}
  .welfare-list .item .title:after{bottom:calc(50% + 7.5px);right:20px;transform:translateY(50%);}
  .welfare-list .text-list{padding:0 20px;}
  .welfare-list .text-item{padding-left:15px;font-size:15px;}
}
@media (max-width:1150px) {
  .en-page .culture-list .item .text-wrap{min-height:297px;}
}
@media (max-width:1080px){
  /* Culture */
  .culture-list{flex-direction:column;}
  .culture-list .item{width:100%;}
  .culture-list .item:not(:first-child){margin-top:80px;}
  .culture-list .item-inner{display:flex;flex-wrap:wrap;}
  .culture-list .item .img-wrap{width:40%;max-width:443px;}
  .culture-list .item .text-wrap{width:60%;min-height:auto;padding-left:40px;margin-top:25px;}
  .en-page .culture-list .item .text-wrap{display:block;min-height:auto;}
  .en-page .culture-list .item .text-wrap .text{min-height:auto;}
  .culture-list .item .list-wrap{width:100%;margin-top:30px;}
  .culture-list .item .text-list{display:flex;flex-wrap:wrap;margin:0 -10px;}
  .culture-list .item .text-item{width:33.33333333333%;padding:0 10px;}
  .culture-list .item .text-item:last-child .text-inner{border-bottom:1px solid #e5e5e5;}
  .culture-list .item .text-inner{display:flex;align-items:center;padding:13px 0 13px 20px;font-size:14px;}
  .en-page .culture-list .item .text-inner{height:100%;}
  .culture-list .item .text-inner::before{width:15px;}
  .en-page .culture-list .item .text-drop .text-inner::before{top:16px;}
  .en-page .culture-list .item .text-drop2 .text-inner::before{top:50%;transform:translateY(-50%);}
}
@media (max-width:970px){
  /* Recruit */
  .procedure-list{flex-wrap:wrap;}
  .procedure-list .item{width:50%;}
  .procedure-list .last-item{width:100%;margin-top:15px;}
  .procedure-list .last-item .item-inner{height:auto;}
  .procedure-list .item .title{padding-bottom:15px;font-size:20px;}
  .procedure-list .last-item .title{padding-bottom:15px;}
  .procedure-list .item .text{margin-top:14px;font-size:14px;}

  /* Talent */
  .title-st1 .s-text{font-size:15px;}
  .talent-wrap .title-wrap .title{font-size:28px;}
  .talent-wrap .title-wrap .s-text{font-size:15px;}

  /* Culture */
  .culture-list .item .text-wrap .title{font-size:20px;}

  /* Welfare */
  .welfare{max-width:600px;margin:0 auto;}
  .welfare-list{margin:-30px 0;}
  .welfare-list .item{width:100%;padding:30px 0;}
  .welfare-list .item .title{padding-bottom:11px;font-size:20px;}
  .welfare-list .item .title:after{height:27px;}
  .welfare-list .text-list{margin-top:20px;}

  /* Duties */
  .ability-wrap .img-wrap{padding:10px;}
  .ability-wrap .img-inner{position:relative;top:0;left:0;width:auto;height:auto;}
  .ability-wrap .img-inner img{max-width:270px;}
  .ability-wrap .title{font-size:24px;}
}
@media (max-width:910px){
  /* Culture */
  .culture-list .item .text-item{width:50%;}
}
@media (max-width:768px){
  /* Recruit */
  .recruit-wrap .board-st1 thead .th-writer{width:80px;}
  .recruit-wrap .board-st1 thead .th-date{width:190px;}

  /* Culture */
  .culture-list .item .img-wrap{width:100%;margin:0 auto;}
  .culture-list .item .text-wrap{width:100%;padding:0;text-align:center;}
  .culture-list .item .text-wrap .text{margin-top:10px;}
}
@media (max-width:640px){
  /* Recruit */
  .procedure-list .item{width:100%;}
  .procedure-list .item:not(:first-child){margin-top:15px;}
  .procedure-list .item-inner{max-height:194px;padding:25px 20px;}
  .procedure-list .item .title{font-size:19px;}
  .procedure-list .item .title::after{width:25px;}

  .recruit-wrap .board-st1 .state{width:65px;height:25px;font-size:12px;}
  .en-page .recruit-wrap .board-st1 .state{font-size:12px;}
  .recruit-wrap .board-st1 tbody .td-writer::after{display:none;}
  .recruit-wrap .board-st1 tbody .td-date{padding-left:0;}

  /* Talent */
  .title-st1 .s-text{font-size:14px;}
  .talent-wrap .title-wrap .s-text{font-size:14px;}

  /* Culture */
  .culture-list .item .text-item{width:100%;}

  /* Duties */
  .duties-wrap  .table-st2 tbody th{width:70px;}
  .ability-wrap .title{font-size:22px;}

  /* Welfare */
  .welfare-list .item .title{font-size:18px;}
  .welfare-list .text-item{font-size:14px;}
}
@media (max-width:480px){
  .welfare-list .text-item:nth-child(n + 2){margin-top:8px;}
  .welfare-list .text-item{width:100%;}
}


/********************************************************
* Customer
*********************************************************/
.customer-visual .vis-bg{background:url("../images/customer/customer_visual.jpg") no-repeat top center;background-size:cover;}
/* Guide */
.guide-wrap{}
.guide-wrap .table-st2 thead th{border-bottom-color:#222;}
.guide-wrap .table-st2 thead .th-title1{width:250px;}
.guide-wrap .table-st2 thead .th-title2{width:430px;}
.guide-wrap .table-st2 th, .guide-wrap .table-st2 td{font-family:"Poppins";text-align:center;}
.guide-wrap .table-st2 tbody td {text-align:center;}
.guide-wrap .table-st2 td .link{display:inline-block;font-family:"Poppins";color:#666;}
.guide-wrap .table-st2 td .link:hover{text-decoration:underline;}

/* Download */
.download-wrap{}
.download-wrap .board-st2 .th-num{width:100px;}
.download-wrap .board-st2 tbody .td-title{padding:0 20px;}
.download-wrap .board-st2 thead .th-down{width:120px;}
.download-wrap .board-st2 thead th, .download-wrap .board-st2 tbody td{height:63px;}
.download-wrap .search-wrap{display:flex;justify-content:flex-end;}

@media (max-width:1280px){
  .download-wrap .board-st2 thead th, .download-wrap .board-st2 tbody td{height:60px;}
  .download-wrap .board-st2 .th-num{width:70px;}
  .download-wrap .board-st2 thead .th-down{width:100px;}
}
@media (max-width:1080px){
  .table-wrap .table-st2 tbody th .dots{display:block;line-height:1;}
  .download-wrap .board-st2 thead .th-down{width:90px;}
}
@media (max-width:970px){
  .download-wrap .board-st2 thead th, .download-wrap .board-st2 tbody td{height:55px;}
  .download-wrap .board-st2 tbody .td-title{padding:0;}
  .download-wrap .board-st2 thead .th-down{width:70px;}
}
@media (max-width:900px){
  .download-wrap .scroll-table{overflow-x:scroll;overflow-y:hidden;}
  .download-wrap .scroll-guide{display:block;}
  .download-wrap .board-st2{width:850px;}
}
@media (max-width:640px){
  .download-wrap .board-st2 thead th, .download-wrap .board-st2 tbody td{height:50px;}
}
@media (max-width:500px){
  .guide-wrap .scroll-table{overflow-x:scroll;overflow-y:hidden;}
  .guide-wrap .scroll-guide{display:block;}
  .guide-wrap .table-st2{width:450px;}

  .download-wrap .search-text{width:calc(100% - 60px);}
}

/********************************************************
* ESG
*********************************************************/
.esg-visual .vis-bg{background:url("../images/esg/esg_visual.jpg") no-repeat top center;background-size:cover;}
/* Environment */
.environment-cont{padding-bottom:0;}
.environment-list{}
.environment-list .item:not(:first-child){margin-top:100px;}
.environment-list .text-wrap .title{position:relative;padding-bottom:20px;font-size:28px;}
.environment-list .text-wrap .title::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#222;}
.environment-list .text-wrap .text{margin-top:22px;font-size:16px;line-height:1.7em;}
.environment-list .text-list{counter-reset:section;margin-top:25px;}
.environment-list .text-list:nth-child(3){margin-top:55px;}
.environment-list .text-list .text-item{position:relative;padding-left:30px;font-size:15px;color:#444;}
.environment-list .text-list .s-title{font-size:18px;font-weight:500;color:#333;line-height:1.2em;}
.environment-list .text-list .s-text{font-size:15px;color:#444;}
.environment-list .text-list .s-text:nth-child(3){padding-bottom:5px;margin-top:7px;}
.environment-list .text-list .text-item:not(:first-child){margin-top:15px;}
.environment-list .text-list .num{display:inline-flex;justify-content:center;align-items:center;position:absolute;top:1px;left:0;width:20px;height:20px;font-family:"Poppins";font-size:13px;font-weight:700;color:#fff;border-radius:50%;background-color:#e31d1a;}
.environment-list .text-list .num::before{counter-increment:section;content:counter(section);}
.environment-list .right .text-wrap{padding-left:80px;}

.esg-certificate{}
.esg-certificate .title{font-size:28px;text-align:center;}
.cert-wrap{background-color:#f5f5f5;}
.cert-list{display:flex;padding:80px 0 150px;margin:0 -20px;}
.cert-list .item{width:50%;padding:0 20px;}
.cert-list .item-inner{display:flex;position:relative;padding:30px 28px;border-top:3px solid #F19027;background-color:#fff;}
/* .cert-list .item-inner::after{content:"";position:absolute;bottom:30px;right:40px;width:62px;height:95px;background:url("../images/esg/esg_certificate_simbol.png") no-repeat bottom right;background-size:100% auto;} */
.cert-list .item .img-wrap{border:1px solid #d4d4d4;}
.cert-list .item .img-wrap img{width:100%;height:auto;}
.cert-list .item1 .img-wrap img{max-width:227px;}
.cert-list .item2 .img-wrap img{max-width:237px;}
.cert-list .item .text-wrap{width:calc(100% - 237px);padding:36px 0 0 30px;}
.cert-list .item .s-title{position:relative;padding-bottom:28px;font-size:22px;letter-spacing:-0.05em;}
.cert-list .item .s-title::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:#ebebeb;}
.en-page .cert-list .item .s-title .normal{display:block;font-size:18px;}
.cert-list .item .text-list{margin-top:22px;}
.cert-list .item .text-item{position:relative;padding-left:8px;font-size:15px;color:#5d5d5d;}
.cert-list .item .text-item:not(:first-child){margin-top:5px;}
.cert-list .item .text-item::before{content:"-";position:absolute;top:50%;left:0;transform:translateY(-50%);}
.en-page .cert-list .item .text-item{padding-left:11px;}
.en-page .cert-list .item .text-item::before{top:2px;transform:none;}

/* Law */
.law-wrap{}
.flex-wrap{}
.flex-wrap .text-list{margin-top:5px;}
.flex-wrap .text-list .item{position:relative;padding:0 0 25px 23px;font-size:16px;color:#5d5d5d;letter-spacing:-0.02em;border-bottom:1px solid #d7d7d7;}
.flex-wrap .text-list .item:not(:first-child){padding-top:25px;}
.flex-wrap .text-list .item::before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#222;}
.flex-wrap .text-list .item:not(:first-child)::before{top:34px;}
.flex-wrap .cont-wrap .b-text{font-size:22px;font-weight:400;}
.program-list{display:flex;flex-wrap:wrap;margin:45px -10px 0;}
.program-list .item{width:50%;min-height:200px;max-height:200px;padding:0 10px;}
.en-page .program-list .item{min-height:auto;max-height:270px;}
.program-list .item:not(:nth-child(-n + 2)){margin-top:30px;}
.program-list .item-inner{display:flex;justify-content:center;align-items:center;height:100%;padding:0 20px;border:1px solid #e1e1e1;border-top:3px solid #e31d1a;}
.en-page .program-list .item-inner{padding:30px 20px;}
.program-list .item .icon-wrap{margin-right:45px;}
.program-list .item .icon-wrap .icon{}
.program-list .item .text-wrap{align-self:flex-start;width:100%;max-width:350px;padding-top:45px;}
.en-page .program-list .item .text-wrap{padding:0;}
.program-list .item .text-wrap .title{font-size:20px;font-weight:500;}
.program-list .item .text-wrap .text{font-size:15px;color:#5d5d5d;}

/* Society */
.society-wrap{}
.society-wrap .titles-wrap{display:flex;justify-content:center;position:relative;}
.society-wrap .titles-wrap::before, .society-wrap .titles-wrap::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:4px;border-radius:2px;transform:translate(-50%, -50%);}
.society-wrap .titles-wrap::before{background-color:#006eb7;}
.society-wrap .titles-wrap::after{background-color:#e31d1a;transform:translate(-50%, -50%) rotate(90deg);}
.society-wrap .titles-wrap .title{width:190px;text-align:center;}
.society-wrap .titles-wrap .title:first-child{margin-right:105px;}
.society-wrap .titles-wrap .color{font-size:34px;font-weight:700;color:#e31d1a;}
.society-wrap .titles-wrap .text{display:inline-block;margin-top:7px;font-size:18px;font-weight:400;}
.society-wrap .img-wrap{display:flex;justify-content:center;width:100%;max-width:760px;height:753px;padding:20px;margin:25px auto 0;background:url("../images/esg/society_bg.png") no-repeat center center;}
.society-wrap .img-wrap img{align-self:center;width:100%;max-width:651px;height:auto;}

@media (max-width:1400px){
  /* Environment */
  .left-right-list .item .text-wrap{padding:0;}
}
@media (max-width:1280px){
  /* Environment */
  .environment-list .text-wrap .title{font-size:26px;}

  .esg-certificate .title{font-size:26px;}
  .cert-list{padding-bottom:120px;margin:0 -10px;}
  .cert-list .item{padding:0 10px;}
  .cert-list .item .s-title{font-size:21px;}
  .cert-list .item .s-title .normal{display:block;}

  /* Law */
  .flex-wrap .text-list .item{padding:0 0 20px 20px;font-size:15px;}
  .flex-wrap .text-list .item:not(:first-child){padding-top:20px;}
  .flex-wrap .text-list .item:not(:first-child)::before{top:29px;}
  .flex-wrap .cont-wrap .b-text{font-size:20px;}
  .program-list .item .icon-wrap{margin-right:35px;}
  .program-list .item .text-wrap .title{font-size:18px;}
  .program-list .item .text-wrap .text{font-size:14px;}
}
@media (max-width:1140px){
  /* Law */
  .program-list{margin:35px -5px 0;}
  .program-list .item{padding:0 5px;}
  .program-list .item:not(:nth-child(-n + 2)){margin-top:20px;}
  .program-list .item .icon-wrap{margin-right:30px;}
}
@media (max-width:1080px){
  /* Environment */
  .cert-list .item-inner{flex-direction:column;}
  .cert-list .item .img-wrap{text-align:center;}
  .cert-list .item .text-wrap{width:100%;padding-left:0;}
  .cert-list .item .s-title .normal{display:inline-block;}
}
@media (max-width:970px){
  /* Environment */
  .environment-list .text-wrap .title{padding-bottom:15px;font-size:24px;}
  .environment-list .text-wrap .text{margin-top:17px;font-size:15px;}
  .environment-list .text-list:nth-child(3){margin-top:35px;}
  .environment-list .text-list .text-item{padding-left:25px;}
  .environment-list .text-list .s-title{font-size:17px;}
  .environment-list .text-list .s-text{font-size:14px;}
  .environment-list .text-list .num{top:4px;width:16px;height:16px;font-size:10px;}

  .esg-certificate .title{font-size:24px;}
  .cert-list{padding-bottom:100px;}
  .cert-list .item-inner{padding:20px;}
  .cert-list .item .text-wrap{padding-top:28px;}
  .cert-list .item .s-title{padding-bottom:18px;font-size:19px;}
  .cert-list .item .text-list{margin-top:16px;}
  .cert-list .item .text-item{font-size:14px;}
  .cert-list .item-inner::after{bottom:20px;right:30px;width:50px;}

  /* Law */
  .flex-wrap .text-list .item{padding-bottom:15px;padding-left:15px;}
  .flex-wrap .text-list .item::before{left:5px;}
  .flex-wrap .text-list .item:not(:first-child){padding-top:15px;}
  .flex-wrap .text-list .item:not(:first-child)::before{top:24px;}
  .flex-wrap .cont-wrap .b-text{font-size:18px;}
  .program-list .item{max-height:230px;}
  .program-list .item-inner{flex-direction:column;justify-content:flex-start;padding:20px;}
  .program-list .item .icon-wrap{margin-right:0;}
  .program-list .item .text-wrap{align-self:center;max-width:100%;padding-top:22px;text-align:center;}
  .program-list .item .text-wrap .text{margin-top:10px;}

  /* Society */
  .society-wrap .img-wrap{height:auto;}
  .society-wrap .titles-wrap .title:first-child{margin-right:65px;}
  .society-wrap .titles-wrap::before, .society-wrap .titles-wrap::after{width:20px;height:3px;}
  .society-wrap .titles-wrap .color{font-size:31px;}
  .society-wrap .titles-wrap .text{font-size:16px;}
}
@media (max-width:768px){
  /* Environment */
  .cert-list{flex-direction:column;}
  .cert-list .item{width:100%;}
  .cert-list .item:not(:first-child){margin-top:20px;}

  /* Law */
  .en-page .program-list .item{max-height:300px;}
}
@media (max-width:640px){
  /* Environment */
  .environment-list .text-wrap .title{font-size:22px;}
  .en-page .cert-list .item .s-title .normal{font-size:16px;}

  .esg-certificate .title{font-size:22px;}
  .cert-list .item .s-title{font-size:18px;}

  /* Law */
  .flex-wrap .cont-wrap .b-text{font-size:17px;}
  .program-list .item{width:100%;}
  .program-list .item:nth-child(n + 2){margin-top:20px;}
  .program-list .item .text-wrap .title{font-size:17px;}

  /* Society */
  .society-wrap .titles-wrap{flex-direction:column;justify-content:center;align-items:center;margin-top:42px;}
  .society-wrap .titles-wrap .title:first-child{margin:0 0 60px 0;}
  .society-wrap .titles-wrap .color{font-size:28px;}
  .society-wrap .titles-wrap .text{margin-top:0;font-size:15px;}
  .society-wrap .img-wrap{margin-top:45px;}
  .en-page .society-wrap .titles-wrap::before, .en-page .society-wrap .titles-wrap::after{top:35%;}
}
@media (max-width:480px){
  /* Environment */
  .cert-list{padding:50px 0 80px;}
}
/********************************************************
* Gallery
*********************************************************/
.gallery-visual .vis-bg{background:url("../images/gallery/gallery_visual.jpg") no-repeat top center;background-size:cover;}
/********************************************************
* 404 Not Found
*********************************************************/
.not-found-wrap {height:100vh;}
.not-found-wrap .inner {height:100%;}
.not-found {display:flex; justify-content:center; align-items:center; height:100%;}
.not-found-inner {display:flex; flex-direction:column; align-content:center; text-align:center;}
.not-found .title {font-family:"Inter"; font-size:26px; color:#7c8692;}
.not-found .num {display:block;;font-size:60px; font-weight:900; line-height:1.3;}
.not-found .big-icon {margin-top:15px; font-size:120px; color:#e9eaec;}
.not-found .text {display:block; margin-top:35px; font-size:42px; font-weight:300; color:#155589;}
.not-found .text .s-text {display:block; margin-top:15px; font-size:17px; font-weight:400; color:#7c8692; line-height:1.5;}
.not-found .btn-wrap {display:flex; justify-content:center; align-items:center; margin-top:65px; font-size:0;}
.btn-st4 {display:inline-flex; justify-content:space-between; align-items:center; width:100%; max-width:190px; padding:16px 35px; margin:0 5px; font-size:16px; color:#fff; border-radius:3px; transition:color .3s, background-color .3s;;}
.btn-st4:hover {background-color:#fff;}
.btn-st4 .icon {display:inline-block;}
.btn-bule {border:1px solid #005daa;background-color:#005daa;}
.btn-bule:hover {color:#005daa;}
.btn-grey {border:1px solid #7c8692; background-color:#7c8692;}
.btn-grey:hover {color:#7c8692;}

@media (max-width:970px) {
  .not-found .num {font-size:54px;}
  .not-found .title {font-size:23px;}
  .not-found .big-icon {font-size:110px;}
  .not-found .text {margin-top:22px; font-size:36px;}
  .not-found .text .s-text {font-size:16px;}
  .not-found .btn-wrap {margin-top:50px;}
  .btn-st4 {font-size:15px;}
}
@media (max-width:640px) {
  .not-found .title {font-size:20px;}
  .not-found .num {font-size:50px;}
  .not-found .text {font-size:21px;}
  .not-found .text .s-text {font-size:14px;}
  .not-found .btn-wrap {flex-direction:column;}
  .btn-st4 {font-size:14px;}
  .btn-st4:not(:first-child) {margin-top:10px;}
}


/********************************************************
* Footer
*********************************************************/
.footer{position:relative;padding-bottom:45px;background-color:#262626;}
.footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:65px; background-color:#303030;}
.foo-top{display:flex;justify-content:space-between;height:65px;}
.footer .inner{position:relative;z-index:50;}
.foo-etc{display:flex;align-items:center;margin:0 -20px;}
.foo-etc .item{position:relative;padding:0 20px;}
.foo-etc .item:not(:last-child)::before{content:"";position:absolute;top:50%;right:-2px;width:4px;height:4px;border-radius:50%;background-color:#777;transform:translateY(-50%);}
.foo-etc .link{font-size:15px;color:#777;transition:color .3s ease;}
.foo-etc .link:hover{color:#aaa;}
.foo-language{display:flex;align-items:center;margin:0 -20px;}
.foo-language .item{position:relative;padding:0 20px;}
.foo-language .item:not(:last-child)::before{content:"";position:absolute;top:50%;right:0;width:1px;height:9px;background-color:#6c6c6c;transform:translateY(-50%);}
.foo-language .link{position:relative;font-size:14px;font-weight:500;color:#6c6c6c;transition:color .3s ease;}
.foo-language .link::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;visibility:hidden;opacity:0;background-color:#bebebe;transition:visibility .3s ease, opacity .3s ease;}
.foo-language .link:hover, .foo-language .item.active .link{color:#bebebe;}
.foo-language .link:hover::before, .foo-language .item.active .link::before{visibility:visible;opacity:1;}
.foo-bottom{display:flex;justify-content:space-between;margin-top:30px;}
.foo-bottom .address{width:calc(100% - 230px);}
@media (min-width: 971px){
  .foo-bottom .address::after{
    content: "";
    background: url('../images/common/footer_logo.png') no-repeat 0 0;
    display: inline-block;
    height: 40px;
    width: 185px;
    margin: 10px 0 0 10px;
  }
}
.foo-bottom .address p{width: 100%;}
.foo-bottom .address-set{display: flex;}
.foo-bottom .address-list{ width: 100%;}
.foo-bottom .address-list:nth-child(2){padding-left: 10%; border-left: #2f3b41 1.5px solid;}
.foo-bottom .address-list .item{width:100%;font-size:14px;color:#777;line-height:1.7em;}
.foo-bottom .address-list .item strong{font-size: 1.3rem;}


@media (max-width: 768px){
  .foo-bottom .address-set{flex-direction: column;}
  .foo-bottom .address-list{max-width:1080px;}
  .foo-bottom .address-list:nth-child(2){padding-left: 0;padding-top:5% ;border-left: none;}
  .foo-bottom .address-list .item strong{font-size: 1rem;}

}

.foo-bottom .address .copy{margin-top:25px;font-size:14px;color:#777;}
.foo-right{display:flex;flex-direction:column;align-items:flex-end;}
.foo-right .family-site{position:relative;width:230px;height:50px;border:1px solid #464646;z-index:1550;}
.foo-right .family-site .default{width:100%;height:100%;}
.foo-right .family-site.active .default{border-top:1px solid #464646;}
.foo-right .family-site .default .link{display:flex;align-items:center;position:relative;width:100%;height:100%;padding:0 35px;font-size:14px;font-weight:500;color:#5a5a5a;background-color:#202020;transition:color .3s;}
.foo-right .family-site .default .link:hover{color:#838789;}
.foo-right .family-site .default .icon{position:absolute;top:50%;right:30px;font-size:13px;color:#838789;transform:translateY(-50%);}
.foo-right .family-site .default .icon::before{display:inline-block;transition:transform .3s;}
.foo-right .family-site.active .default .icon::before{transform:rotate(180deg);}
.foo-right .site-list{position:absolute;bottom:48px;left:-1px;width:calc(100% + 2px);height:0;overflow-x:hidden!important;overflow-y:auto;visibility:hidden;opacity:0;background-color:#202020;border:1px solid #464646;border-bottom:0;transition:height .3s, visibility .3s, opacity .3s;scrollbar-base-color:#919191;scrollbar-highlight-color:#919191;scrollbar-darkshadow-color:#919191;scrollbar-shadow-color:#919191;scrollbar-face-color:#919191;scrollbar-track-color:transparent;scrollbar-3dlight-color:transparent;scrollbar-arrow-color:#fff;z-index:1550;}
.foo-right .site-list::-webkit-scrollbar-track{background-color:transparent;}
.foo-right .site-list::-webkit-scrollbar{width:8px;background-color:transparent;}
.foo-right .site-list::-webkit-scrollbar-thumb{border-radius:15px;background-color: #919191;}
.foo-right .site-list.show{height:300px;visibility:visible;opacity:1;}
.scrollbar-inner > .scroll-element.scroll-x{display:none;}
.scrollbar-inner > .scroll-element .scroll-element_track{background-color:transparent;}
.foo-right .family-site.active .site-list{visibility:visible;opacity:1;}
.foo-right .site-list .item{}
.foo-right .site-list .link{display:block;width:100%;padding:3px 35px;font-size:14px;color:#5a5a5a;transition:color .3s;}
.foo-right .site-list .link:first-child{padding-top:8px;}
.foo-right .site-list .link:last-child{padding-bottom:8px;}
.foo-right .site-list .link:hover{color:#838789;}
.foo-right .foo-logo{margin-top:25px;}
.foo-right .logo-link{}

@media (max-width:1440px){
  .foo-bottom .address-list .item{width:100%;}
  .foo-bottom .address-list .item:nth-child(2), .foo-bottom .address-list .item:nth-child(4){order:initial;}
  .foo-bottom .address-list .item:nth-child(1){order:1;}
  .foo-bottom .address-list .item:nth-child(2){order:2;}
  .foo-bottom .address-list .item:nth-child(3){order:2;}
  .foo-bottom .address-list .item:nth-child(4){order:4;}
}
@media (max-width:1200px){
  .en-page .footer{padding-bottom:30px;}
  .en-page .footer::before{height:55px;}
  .en-page .foo-top{height:55px;}
  .en-page .foo-etc .link{font-size:14px;}
  .en-page .foo-bottom{flex-direction:column;}
  .en-page .foo-bottom .address{width:100%;}
  .en-page .foo-bottom .address-list .item{text-align:center;}
  .en-page .foo-bottom .address-list .item:not(:first-child){margin-top:10px;}
  .en-page .foo-bottom .address .copy{text-align:center;}
  .en-page .foo-right{align-items:center;margin-top:30px;}
}
@media (max-width:970px){
  .footer{padding-bottom:30px;}
  .footer::before{height:55px;}
  .foo-top{height:55px;}
  .foo-etc .link{font-size:14px;}
  .foo-bottom{flex-direction:column;}
  .foo-bottom .address{width:100%;}
  .foo-bottom .address-list .item{text-align:center;}
  .foo-bottom .address-list .item:not(:first-child){margin-top:10px;}
  .foo-bottom .address .copy{text-align:center;}
  .foo-right{align-items:center;margin-top:30px;}
}
@media (max-width:640px){
  /* .foo-bottom .address-list .item, .foo-bottom .address .copy{text-align:left;}
  .foo-right{align-items:flex-start;} */
}
@media (max-width:530px){
  .show_530{display:block;}
  .foo-bottom .address .copy{font-size:12px;}
}
@media (max-width:480px){
  .foo-etc, .foo-language{margin:0 -15px;}
  .foo-etc .item, .foo-language .item{padding:0 15px;}
}



/********************************************************
* Gallery
*********************************************************/

/**************
 Grid
***************/
/* col-md- */
@media screen and (max-width:1024px){
	.grid-area-table.col-md-push{display:block;}
	.grid-area-table.col-md-push:not(.mixed) > .colum,
	.grid-area.col-md-push:not(.mixed) > .colum{float:none; display:block; width:100%;}
	.grid-area.col-md-push.mixed .wp-25,
	.grid-area.col-md-push.mixed .col-3,
	.grid-area.col-md-push.mixed .col-4{width:50%;}
	.grid-area.col-md-push.mixed .col-6,
	.grid-area.col-md-push.mixed .full{width:100%;}
	.grid-area.col-md-pull .colum{min-width:inherit;}
}
/* col-sm- */
@media screen and (max-width:768px){
	.grid-area-table.col-sm-push{display:block;}
	.grid-area-table.col-sm-push:not(.mixed) > .colum,
	.grid-area.col-sm-push:not(.mixed) > .colum{float:none; display:block; width:100%;}
	.grid-area.col-sm-push.mixed .wp-25,
	.grid-area.col-sm-push.mixed .col-3,
	.grid-area.col-sm-push.mixed .col-4{width:50%;}
	.grid-area.col-sm-push.mixed .col-6,
	.grid-area.col-sm-push.mixed .full{width:100%;}
	.grid-area.col-sm-pull .colum{min-width:inherit;}
	.grid-area[class*="gap-"]{width:auto; margin-left:-2.5rem; margin-right:-2.5rem;}
	.grid-area[class*="gap-"] .colum{padding:0 2.5rem;}
}


.grid-area{
  width: 100%;
  display: block;
}
.grid-area.gap{
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
}

.grid-area .colum{
  float: left;
  word-break: break-word;
}
.grid-area::after{
  display: block;
  content:"";
  clear: both;
}

.grid-area.gap .colum{
  padding: 0 1rem;
}

/* Colum Width */
.colum.col-12{width:100%;}
.colum.col-11{width:91.66666667%;}
.colum.col-10{width:83.33333333%;}
.colum.col-9{width:75%;}
.colum.col-8{width:66.66666667%;}
.colum.col-7{width:58.33333333%;}
.colum.col-6{width:50%;}
.colum.col-5{width:41.66666667%;}
.colum.col-4{width:33.33333333%;}
.colum.col-3{width:25%;}
.colum.col-2{width:16.66666667%;}
.colum.col-1{width:8.33333333%;}
/* 예외 colum-unit-10 */
.colum.wp-10{width:10%;}
.colum.wp-15{width:15%;}
.colum.wp-18{width:18%;}
.colum.wp-20{width:20%;}
.colum.wp-25{width:25%;}
.colum.wp-30{width:30%;}
.colum.wp-40{width:40%;}
.colum.wp-45{width:45%;}
.colum.wp-50{width:50%;}
.colum.wp-55{width:55%;}
.colum.wp-60{width:60%;}
.colum.wp-65{width:65%;}
.colum.wp-70{width:70%;}
.colum.wp-80{width:80%;}
.colum.wp-90{width:90%;}
.colum.wp-100{width:100%;}
.grid-area.col-md-pull .colum,
.grid-area.col-sm-pull .colum{min-width:100%;}

/* colum 사이 간격 */
.grid-area.gap{width:auto; margin-left:-10px; margin-right:-10px;}
.grid-area.gap .colum{padding:0 1rem;}
.grid-area.gap-2{width:auto; margin-left:-5px; margin-right:-5px;}
.grid-area.gap-2 .colum{padding:0 5px;}
.grid-area.gap-3{width:auto; margin-left:-15px; margin-right:-15px;}
.grid-area.gap-3 .colum{padding:0 15px;}
.grid-area.gap-4{width:auto; margin-left:-30px; margin-right:-30px;}
.grid-area.gap-4 .colum{padding:0 30px;}
.grid-area.gap-5{width:auto; margin-left:-2%; margin-right:-2%;}
.grid-area.gap-5 .colum{padding:0 2%;}
.grid-area.gap-6{width:auto; margin-left:-25px; margin-right:-25px;}
.grid-area.gap-6 .colum{padding:0 25px;}
.grid-area.gap-7{width:auto; margin-left:-5px; margin-right:-5px;}
.grid-area.gap-7 .colum{padding:0 3px 0 2px;}
/* 현장스케치 */
.grid-area.gap-8{width:auto; margin-left:-50px; margin-right:-50px;}
.grid-area.gap-8 .colum{padding:0 50px;}
/* 세미나 & 웨딩 */
.grid-area.gap-9{width:auto; margin-left:-20px; margin-right:-20px;}
.grid-area.gap-9 .colum{padding:0 20px;}


/* 이벤트,패키지 리스트 */
.event-list{position:relative;margin-top:30px; overflow:hidden;}
.event-list > ul > li{margin-bottom: 40px;}
.event-list > ul > li a{    text-decoration: none; color: inherit;}
.event-list > ul > li .event-info{position:relative;}
.event-list > ul > li .img{display: block;width: 100%; overflow: hidden; position:relative; padding-bottom:67%;}
.event-list > ul > li .img img{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.event-list ul li .desc{width: 100%; max-width: 390px; padding-top:20px; line-height: normal; min-height:130px}
.event-list.package ul li .desc{width: 100%; max-width: 390px; padding-top:20px; line-height: normal;height:200px}
.event-list ul li .desc .tit{font-size: 22px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-bottom:3px}
.event-list ul li .desc dd{font-size: 14px; color: #666;}
.event-list ul li .desc dd.date {margin-top:7px}
.event-list ul li .desc .hashtag{min-height: 20px;margin-top: 7px;padding-right: 90px;color: #666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /* 2019-08-07 해시태그 표시 길이 제한 / 2020-08-19 높이고정*/
.event-list ul li .desc .tit + .date{margin-top: 8px;}
.event-list .desc .btn-icon.ico-detail{position:absolute; top:20px; right:30px;}
.event-list .price .num {font-family:'Lato',sans-serif;font-size:30px;margin-right:5px}
.event-list .price {font-size:15px;color:#333333;text-align:right;border-top:1px solid #ebebeb;padding-top:15px;margin-top:20px}
.event-list .price .sm {color:#666666;font-size:12px;margin-right:7px}

ul > li .badge,.slick-slide .list .badge,.slide-colum .badge{display:block; position:absolute; top:0; left:0; z-index:9; overflow:hidden;}
.category{float:left; height:44px; font-size:13px; text-align:center; padding:15px 15px 13px;color:#fff; font-weight:700}
.category + .category {border-left:1px solid #fff;}

@media screen and (max-width:768px){
	.category {font-size:13px;color:#fff;display:inline-block;height:44px;line-height:44px;padding:0 15px}
}
.category{
  background: rgba(0,0,0,.6)
}

.news-visual .vis-bg{background:url("../images/news/news_visual.jpg") no-repeat top center;background-size:cover;}