@charset "utf-8";

html, body { width:100%; height:100%; }
body { min-width:320px; background-color: #fff; word-break: keep-all; overflow-y: scroll !important; }
/*body::-webkit-scrollbar { display: none; }*/
body.overflow { overflow: hidden; }
body.overflow .scroll-content { transform: none !important; }
body.overflow #site-header,
body.overflow .scrollTop { display: none; }

#wrap { /*position:fixed; top: 0; left: 0; width:100%; height:100%; overflow:hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;*/ }
/*#wrap::-webkit-scrollbar { display: none; }*/
#consoleLog { position: fixed; bottom: 0; right: 0; width: 100%; background-color: #ccc; z-index: 1000; }


/* Disabled CSS */
.pc_w80p{width: 80%; display: block; margin: 0 auto;}
.hidden{display:block; width:1px; height:1px; margin:0; position:relative; top:0; left:0; border:none; overflow:hidden; clip:rect(0, 0, 0, 0);font-size: 0;}
caption {width:1px; height:1px; margin:-1px; position:relative; top:0; left:0; border:none; overflow:hidden; clip:rect(0, 0, 0, 0)}
.skip_nav a{position: absolute; top: -100px; width: 100%; background-color: #000; color: #fff; transition: top 0.3s; height: 30px; line-height: 30px; z-index: 9999; text-align: center;}
.skip_nav a:focus{top:0;}
input[type="checkbox"].custom:focus+ label, 
input[type="radio"].custom:focus+ label{border:1px dotted #000;}

a:focus, 
button:focus, .wa:focus,
input:focus,
input:focus + label,
textarea:focus,
select:focus { outline-width: 2px; outline-offset: -4px; outline-style: dashed; outline-color: #00578a; }

/* Site Loading */
#site-loading { display: block; z-index: 1000; position: relative; }
#site-loading .first { z-index: 2; position: fixed; top: 0; left: 0;  width: 100%; height: 50%; background-color: #fff; overflow: hidden; display: table; }
#site-loading .first > .inner { position: relative; top: 0; left: 0;  width: 100%; height: 100%; display: table-cell; vertical-align: bottom; }
#site-loading .first > .inner img { margin: 0 auto; }
#site-loading .second { z-index: 2; position: fixed; top: 50%; left: 0;  width: 100%; height: 50%; background-color: #fff; overflow: hidden; display: table; }
#site-loading .second > .inner { position: relative; top: 0; left: 0;  width: 100%; height: 100%; display: table-cell; vertical-align: top; }
#site-loading .second > .inner img { margin: 0 auto; }
#site-loading .line { z-index: 3; position: fixed; top: 50%; left: 0;  width: 100%; height: 1px; background-color: #fff; margin-top: -1px; }
#site-loading .line .bar { width: 0; height: 100%; background-color: #005891; }


.mobile-only { display: none; }
#site-header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; /*height: 120px;*/ height: 105px; box-sizing: border-box; background-color: transparent; border-bottom: 1px solid transparent; 
  -webkit-transition: top 0.35s ease, background-color 0.6s ease;
  transition: top 0.6s ease, background-color 0.6s ease;
}
#site-header .header-wrap { position: relative; isolation: isolate; height: 105px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
#site-header.small.white .header-wrap { height: 105px; border-bottom: none; }
/* #site-header .header-wrap::after { content: ""; position: absolute; inset: auto 0 0; height: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, #fff 1px, #fff); z-index: -1; transition: 0.4s; }
#site-header .header-wrap:has(.gnb > li:hover)::after, #site-header .header-wrap:has(.gnb a:focus)::after { height: var(--headerheight, 280px); inset: auto 0 calc(var(--headerheight, 280px) * -1); } */
#site-header .header-wrap > .inner { display: flex; align-items: center; justify-content: space-between; width: 94%; height: 100%; margin: 0 auto; }
#site-header > .inner { display: flex; align-items: center; justify-content: space-between; width: 94%; height: 100%; margin: 0 auto; position: relative; }
/* #site-header .logo { flex-grow: 1; } */
#site-header .logo a { display: inline-block; transform-origin: left; position: relative; vertical-align: middle; font-size: 20px; font-weight: bold; letter-spacing: 4px; padding-block: 15px; }
#site-header .logo a + a { margin-left: 30px; }
#site-header .logo a .logoImg { width: 126px; height: 49px; background: url(../images/common/site-logo_s.png) center no-repeat; background-size: contain; font-size: 0; text-indent: -9999px; filter: brightness(0%) invert(1);}
#site-header.on .logo a .logoImg { filter: none; }
#site-header .menu > ul { display: table; margin-left: auto; }
#site-header .menu > ul > li { display: table-cell; vertical-align: middle; position: relative; height: 120px; padding: 0 25px; box-sizing: border-box; }
#site-header .menu > ul > li > a { display: inline-block; font-size: 16px; color: #fff; font-weight: 500; }
#site-header .menu > ul > li > a.blank:after { content: ''; display: inline-block; width: 14px; height: 14px; background-image: url(../images/ico/ico_link_w.png); background-size: contain; background-repeat: no-repeat; margin-left: 7px; }

#site-header.active { background-color: #fff; }



#site-header .search { margin-left: 25px; }
#site-header .search input { width: 240px; height: 40px; box-sizing: border-box; border: 1px solid #c9c9c9; padding-left: 15px; padding-right: 50px; font-size: 14px; background: url(../images/pr/serch_ico.png) right no-repeat; background-size: 40px; }
#site-header .search input::placeholder { color: #b7b7b7; }


#site-header.newsroom .logo a {  }
#site-header.newsroom .logo a .logoImg { width: 100px !important; }
/*#site-header.newsroom .menu > ul { margin: 0 auto; }
#site-header.newsroom .menu > ul > li > a { font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; }*/

#site-header .menu > ul > li > .depth2 { position: absolute; visibility: hidden; min-width: 180px; max-height: 0; margin-top: -1px; background-color: #fff; top: 80px; left: 50%; transform: translateX(-50%); border: 1px solid #898989; border-radius: 5px; box-shadow: 0px 22px 22px 0px rgba(0, 0, 0, 0.12); overflow: hidden; box-sizing: border-box; }
#site-header .menu > ul > li > .depth2 > ul { padding: 30px; }
#site-header .menu > ul > li > .depth2 > ul > li + li { margin-top: 10px; }
#site-header .menu > ul > li > .depth2 > ul > li > a { display: inline; font-size: 15px; color: #666; border-bottom: 1px solid transparent; white-space: nowrap; }
#site-header .menu > ul > li > .depth2 > ul > li > a[target]:after { content: ''; display: inline-block; width: 14px; height: 14px; background-image: url(../images/ico/ico_link_b.png); background-size: contain; background-repeat: no-repeat; margin-left: 5px; }
#site-header .menu > ul > li > .depth2 > ul > li.active > a,
#site-header .menu > ul > li > .depth2 > ul > li > a:hover { color: #222; border-color: #222; }
#site-header .menu > ul > li > .depth2 > ul > li > a:focus-within { color: #222; border-color: #222; }
#site-header .menu > ul > li.active > a + .depth2 { visibility: visible; max-height: 300px;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}

#site-header .sidemenu { width: 100%; }
#site-header .sidemenu .menu_btn { width: 50px; height: 50px; background-color: transparent; display: block; margin: 0 auto; border: 1px solid #fff; border-radius: 50%; cursor: pointer; padding: 0;
  -webkit-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
#site-header .sidemenu .menu_btn .line { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 20px; height: 11px; display: block; margin: auto; font-size: 0; }
#site-header .sidemenu .menu_btn .line span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; 
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 5px;
}
#site-header .sidemenu .menu_btn .line span.line_01 { top: 0; }
#site-header .sidemenu .menu_btn .line span.line_02 { bottom: 0; }

@keyframes fadeInType1 {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  50% {
    visibility: visible;
    opacity: 0.5;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

#site-header .sidemenu .sidemenu_container { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: url(../images/main/bg_allmenu.jpg); background-size: cover; background-position: 50%; background-repeat: no-repeat; overflow: hidden; visibility: hidden; opacity: 0;
  /* -webkit-transition:visibility 0.7s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1); */
  /* transition:visibility 0.7s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1); */
  display: none;
  animation: fadeInType1 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}


#site-header .sidemenu .sidemenu_container .inner { width: 100%; height: 100%; position: relative; /* background: url(../images/common/allmenu_bg.png) bottom right 15% no-repeat; */
  -webkit-transition: transform 0.35s ease;
  /* transition: transform 0.35s ease;  */
  overflow: hidden;
}
#site-header .sidemenu .sidemenu_container a { visibility: hidden; }

#site-header .sidemenu .head_container { display: flex; align-items: center; justify-content: flex-end; padding: 0 60px; width: 100%; height: 120px; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 2; }
#site-header .sidemenu .head_container .logo > * { width: 126px; height: 49px; background: url(../images/common/site-logo_s_w.png) center no-repeat; background-size: contain; font-size: 0; text-indent: -9999px; }
#site-header .sidemenu .head_container .close button { cursor: pointer; display: block; width: 27px; height: 27px; padding: 0; border: 0; font-size: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M26.988,3.820 L16.568,14.240 L26.581,24.253 L23.753,27.081 L13.740,17.068 L3.820,26.987 L1.012,24.180 L10.932,14.260 L0.418,3.747 L3.247,0.918 L13.760,11.431 L24.180,1.012 L26.988,3.820 Z'/%3E%3C/svg%3E"); }
/* #site-header .sidemenu .head_container .close.black button { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M26.988,3.820 L16.568,14.240 L26.581,24.253 L23.753,27.081 L13.740,17.068 L3.820,26.987 L1.012,24.180 L10.932,14.260 L0.418,3.747 L3.247,0.918 L13.760,11.431 L24.180,1.012 L26.988,3.820 Z'/%3E%3C/svg%3E"); } */
#site-header .sidemenu .head_container .lang { display: none; }
#site-header .sidemenu .head_container .withPosco { display: none;}
#site-header .sidemenu .menu_container { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box;}
#site-header .sidemenu .menu_container .depth1 { position: relative; width: 100%; }
/* #site-header .sidemenu .menu_container .depth1:after { content: ''; display: block; width: 1px; height: 200%; background-color: #e5e5e5; position: absolute; left: 35%; top: -50%; } */
#site-header .sidemenu .menu_container .depth1 > ul > li > a { font-size: 42px; font-weight: bold; color: #fff; line-height: 1; opacity: 0.4;
  -webkit-transition: color 0.35s cubic-bezier(0.33, 1, 0.68, 1);
  transition: color 0.35s cubic-bezier(0.33, 1, 0.68, 1);
}
#site-header .sidemenu .menu_container .depth1 > ul > li > a.m { display: none; visibility: hidden; }
#site-header .sidemenu .menu_container .depth1 > ul > li.small { margin-top: 60px; }
#site-header .sidemenu .menu_container .depth1 > ul > li.small + .small { margin-top: 40px; }
#site-header .sidemenu .menu_container .depth1 > ul > li.small > a { font-size: 30px; }
#site-header .sidemenu .menu_container .depth1 > ul > li.active > a { color: #fff; opacity: 1;}
#site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 { display: block; visibility: visible; z-index: 1; }
#site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 > .visual { opacity: 1; transform: translateX(0); }
#site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 > .img { opacity: 1; }
#site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 > ul > li > a { transform: translateX(0); transition-delay: calc(0.1s*var(--char-index)); opacity: 0.4; }
#site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 > ul > li > a:hover{opacity: 1;}


#site-header .sidemenu .menu_container .depth2 { position: absolute; top: 0; left: 35%; width: 65%; height: 100%; display: none; justify-content: space-between; visibility: hidden; }
#site-header .sidemenu .menu_container .depth2 > ul { width: 45%; }
#site-header .sidemenu .menu_container .depth2 > ul > li + li { margin-top: 5px; }
#site-header .sidemenu .menu_container .depth2 > ul > li > a { display: inline-block; font-size: 18px; font-weight: 400; color: #fff; line-height: 1; transform: translateX(-10px); opacity: 0;
  -webkit-transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
#site-header .sidemenu .menu_container .depth2 > ul > li > a span.em{display: block; font-size: 14px; margin-top: 5px;}
#site-header .sidemenu .menu_container .depth2 > ul > li > a[target]:after { content: ''; display: inline-block; width: 18px; height: 18px; background-image: url(../images/ico/ico_link.png); background-size: contain; background-repeat: no-repeat; margin-left: 10px; margin-top: -2px; vertical-align: middle; }
#site-header .sidemenu .menu_container .depth2 > .visual { background-color: #aaa; width: 55%; height: 200%; position: absolute; top: -50%; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center; transform: translateX(20px); opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
#site-header .sidemenu .menu_container .depth2 > .img { width: 45%; box-sizing: border-box; padding: 0 55px; margin-bottom: 35px; opacity: 0; 
  -webkit-transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
#site-header .sidemenu .menu_container .depth2 > .img img { width: 100%; }

#site-header .lang { position: relative; text-align: center; line-height: 0; margin-right: 30px; }
#site-header .lang .img { display: inline-block; width: 45px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/common/lang_select_w.png); font-size: 0; text-indent: -9999px; }
#site-header .lang > .depth { position: absolute; visibility: hidden; max-height: 0; margin-top: -1px; background-color: #fff; top: 100%; left: 50%; transform: translateX(-50%); border: 1px solid #898989; border-radius: 5px; box-shadow: 0px 22px 22px 0px rgba(0, 0, 0, 0.12); overflow: hidden; box-sizing: border-box; margin-top: 10px; }
#site-header .lang > .depth > ul { padding: 15px 20px; }
#site-header .lang > .depth > ul > li + li { margin-top: 10px; }
#site-header .lang > .depth > ul > li > a { display: inline; font-size: 15px; color: #666; line-height: 1.2; border-bottom: 1px solid transparent; white-space: nowrap; }
#site-header .lang > .depth > ul > li > a:hover { color: #222; border-color: #222; }
#site-header .lang.active > .depth { visibility: visible; max-height: 300px;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
#site-header .search { margin-left: 30px; }
#site-header .search .btn { width: 25px; height: 25px; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/ico/ico_search_wh.png); font-size: 0; text-indent: -9999px; }

#site-header .withPosco .img .header_link{display: block; width: 100%; height: 43px; cursor: pointer;}
#site-header .withPosco .img { width: 120px; height: 43px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/common/posco_group_w.png); }
#site-header.small .withPosco .img .header_link{display: block; width: 100%; height: 43px; cursor: pointer;}
#site-header.small .withPosco .img { width: 120px; height: 43px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/common/posco_group_w.png); }
#site-header .withPosco .img p{position: absolute; left: -999rem;}
/*#site-header:hover,*/
#site-header.white { background-color: #fff; border-bottom: 1px solid #dcdcdc; }
#site-header.small.white { border-bottom: 1px solid #dcdcdc; }
/*#site-header:hover .logo a .logoImg,*/
#site-header.white .logo a .logoImg { background: url(../images/common/site-logo.png) center no-repeat; background-size: contain; }
/*#site-header:hover .menu > ul > li > a,*/
#site-header.white .menu > ul > li > a { color: #333; }
/*#site-header:hover .menu > ul > li > a[target]:after,*/
#site-header.white .menu > ul > li > a[target]:after { background-image: url(../images/ico/ico_link_b.png); }
/*#site-header:hover .sidemenu .menu_btn .line span,*/
#site-header.white .sidemenu .menu_btn .line span { background-color: #333; }
#site-header.white .sidemenu .menu_btn{border: 1px solid #333;}
/*#site-header:hover .lang .img,*/
#site-header.white .lang .img { background-image: url(../images/common/lang_select.png); }
/*#site-header:hover .withPosco .img,*/
#site-header.white .withPosco .img { background-image: url(../images/common/posco_group.png); }
#site-header.white .search .btn { background-image: url(../images/ico/ico_search_bk.png); }

#site-header.small { height: 105px; background-color: transparent; transition: background-color 0.4s ease; }
#site-header.small .logo a .logoImg { width: 126px; height: 49px; /*background-image: url(../images/common/site-logo_s_w.png);*/ background-image: url(../images/common/site-logo_s.png); filter: brightness(0%) invert(1); }
#site-header.small.white .logo a .logoImg { background-image: url(../images/common/site-logo_s.png); filter: none; }
#site-header.small .menu > ul > li { height: 95px; }
#site-header.small.white { background-color: #fff !important; }
#site-header.small.white .gnb > li > a { color: #000; }
#site-header.small.white .utility-menu > li > a span { color: #000; }
#site-header.small.white .utility-menu > li > .allmenu_open { filter: none; }

#site-header .submenu-layer { height: 0; overflow: hidden; transition: height 0.35s ease; position: absolute; top: 100%;
left: 0; width: 100%; background: #fff; z-index: -1; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-top: none; }
/* #site-header:has(.gnb:hover) .submenu-layer { height: 350px; } */

#site-header.active .gnb > li:hover .depth2 .submenu { max-height: 270px; opacity: 1; }
#site-header.small.active .gnb > li:hover .depth2 .submenu { max-height: 270px; opacity: 1; }
#site-header.active .gnb > li:focus-within .depth2 .submenu { max-height: 270px; opacity: 1; }
#site-header.small.active .gnb > li:focus-within .depth2 .submenu { max-height: 270px; opacity: 1; }


#site-header.active .submenu-layer { border-top: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; }
#site-header.active.small.white .submenu-layer { border-top: none; }
#site-header.small.active .submenu-layer { background-color: #fff; height: 270px; opacity: 1;}


#header-placeholder { width: 100%; height: 95px; }

/*#site-header.white { background-color: #fff; border-bottom: 1px solid #c9c9c9; height: 85px; }
#site-header.white .logo a .logoImg { background: url(../images/common/site-logo.svg) center no-repeat; background-size: contain; }
#site-header.white .sidemenu .menu_btn .text { color: #333; }
#site-header.white .sidemenu .menu_btn .line span { background-color: #222; }*/

body.navHide #site-header { top: -105px; }
body.open_menu { overflow: hidden; }
/*body.open_menu #site-header .sidemenu .menu_btn { mix-blend-mode: difference; }
body.open_menu #site-header .sidemenu .menu_btn .line span { background-color: #fff; }
body.open_menu #site-header .sidemenu .menu_btn .line span.line_01 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 42%; }
body.open_menu #site-header .sidemenu .menu_btn .line span.line_02 { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 42%; width: 100%; }*/
body.open_menu #site-header .sidemenu .sidemenu_container { visibility: visible; opacity: 1; display: block; }
/* body.open_menu #site-header .sidemenu .sidemenu_container > .inner { transform: translateY(0); } */
body.open_menu #site-header .sidemenu .sidemenu_container a { visibility: visible; }
/* #site-body { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } */
body.open_menu #site-header .lang { visibility: hidden; }

header.on .gnb > li > a { color: #000; }
.gnb { display: inline-flex; z-index: 10; position: relative; }
.gnb > li { position: relative; }
.gnb > li > a { display: block; padding-inline: 25px; font-size: 18px; font-weight: 500; color: #fff; }
.gnb > li > a > span { display: block; align-content: center; padding-block: 39px; background: linear-gradient(#005793, #005793) no-repeat center bottom / 0 5px; transition: .3s; }
.gnb > li:has(a:focus) span { background-size: 100% 5px; }
.gnb > li:hover span { background-size: 100% 5px; }
.gnb > li:focus-within span { background-size: 100% 5px; }
/* .gnb > li .depth2 { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s; } */

.gnb > li .depth2 {  position: absolute; inset: 95px 0 auto; /* 서브메뉴와 gnb 위쪽 간격 */ text-align: left; padding-top: 30px; display: none; }
.gnb > li:hover .depth2 { display: block; }
.gnb > li:focus-within .depth2 { display: block; }
.gnb > li .depth2 > span { display: inline-block; width: 420px; height: 100%; font-size: 35px; position: absolute; top: 25px; left: -250px; font-weight: 500; }
/* .gnb > li .depth2 > span::after { content: ''; width: 1px; height: 270px; background-color: rgba(0,0,0,0.1); position: absolute; top: -15px; right: 50%; transform: translateX(-50%); } */

.gnb > li .depth2 > span.span_1 { left: -268px; }
.gnb > li .depth2 > span.span_1::after { content: ''; width: 1px; height: 270px; background-color: transparent; position: absolute; top: -15px; right: 40%; border-right: 1px solid rgba(0,0,0,0.1); }
.gnb > li .depth2 > span.span_2 { left: -384px; }
.gnb > li .depth2 > span.span_2::after { content: ''; width: 1px; height: 270px; background-color: transparent; position: absolute; top: -15px; right: 40%; border-right: 1px solid rgba(0,0,0,0.1); }
.gnb > li .depth2 > span.span_3 { left: -501px; }
.gnb > li .depth2 > span.span_3::after { content: ''; width: 1px; height: 270px; background-color: transparent; position: absolute; top: -15px; right: 40%; border-right: 1px solid rgba(0,0,0,0.1); }
.gnb > li .depth2 > span.span_4 { left: -650px; }
.gnb > li .depth2 > span.span_4::after { content: ''; width: 1px; height: 270px; background-color: transparent; position: absolute; top: -15px; right: 40%; border-right: 1px solid rgba(0,0,0,0.1); }
.gnb > li .depth2 > span.span_5 { left: -766px; }
.gnb > li .depth2 > span.span_5::after { content: ''; width: 1px; height: 270px; background-color: transparent; position: absolute; top: -15px; right: 40%; border-right: 1px solid rgba(0,0,0,0.1); }
.gnb > li .depth2 > span.span_6 { left: -882px; }
.gnb > li .depth2 > span.span_6::after { content: ''; width: 1px; height: 270px; background-color: transparent; position: absolute; top: -15px; right: 40%; border-right: 1px solid rgba(0,0,0,0.1); }
.gnb > li .depth2 > span.span_7 { left: -982px; }
.gnb > li .depth2 > span.span_7::after { content: ''; width: 1px; height: 270px; background-color: transparent; position: absolute; top: -15px; right: 40%; border-right: 1px solid rgba(0,0,0,0.1); }
.gnb > li .depth2 > span.span_8 { left: -1098px; }
.gnb > li .depth2 > span.span_8::after { content: ''; width: 1px; height: 270px; background-color: transparent; position: absolute; top: -15px; right: 40%; border-right: 1px solid rgba(0,0,0,0.1); }

.gnb > li .depth2 .submenu { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.35s ease, opacity 0.35s ease, padding 0.35s ease; position: absolute; top: 100%; left: 25px; width: 100vw; z-index: 15; padding: 0; }
.gnb > li .depth2 .submenu > li:not(:first-child) { margin-top:7px; }
.gnb > li .depth2 .submenu > li.active a { color: #005793; font-weight: 600; }
.gnb > li .depth2 .submenu > li.active ul li a { color: #000; font-weight: 400; }
.gnb > li .depth2 .submenu > li ul li.active a { color: #005793; font-weight: 600; }
.gnb > li .depth2 .submenu a { font-size: 16px; line-height: 2; color: #000; }
.gnb > li .depth2 .submenu a:hover, .gnb > li .depth2 .submenu a:focus { color: #005793; font-weight: 600; }
/* .gnb:has(a:focus) .depth2 { grid-template-rows: 1fr; }
.gnb:hover { .depth2 { grid-template-rows: 1fr; } } */
.gnb .customer_support > a { display: block; padding-inline: 40px; font-size: 16px; font-weight: 500; }
.gnb .customer_support > a > span { display: block; align-content: center; padding-block: 28px; background: linear-gradient(#005793, #005793) no-repeat center bottom / 0 5px; transition: .3s; }
header .utility-menu { display: flex; align-items: center; gap: 10px; }
header .utility-menu > li { position: relative; }
header .utility-menu > li > a { display: block; font-size: 16px; padding-inline: 5px; color: #9c9c9c; }
header .utility-menu > li > a span { display: block; align-content: center; padding-block: 28px; color: #fff; }
header .utility-menu > li > a span.not_current { color: rgba(255, 255, 255, 0.7); }
header.on .utility-menu > li > a span.not_current { color: #9c9c9c; }
header.on .utility-menu > li > a span { color: #000; }
header .utility-menu > li:nth-child(1) a { position: relative; }
header .utility-menu > li:nth-child(1) a::after { content: ''; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); width: 1px; height: 15px; background-color: rgba(255, 255, 255, 0.7); }
#site-header.active .utility-menu > li:nth-child(1) a::after { background-color: #9c9c9c; }
header.on .utility-menu > li:nth-child(1) a::after { background-color: #9c9c9c; }
header .utility-menu > li > a.current { color: #000; font-weight: 600; }
header .utility-menu > li > .allmenu_open { display: block; padding-block: 28px; align-content: center; width: 30px; height: auto; background: url(../images/ico/ico_allmenu_open.png) no-repeat center / 100% auto; cursor: pointer; border: none; filter: brightness(0%) invert(1); }
header.on .utility-menu > li > .allmenu_open { filter: none; }

#sitemap { margin-block: 8%; }
#sitemap > ul { display: flex; justify-content: space-between; }
#sitemap > ul > li { width: calc(100%/7) }
#sitemap > ul > li:last-child { border: none; }
#sitemap > ul > li > h4 > a { display: inline-block; color: #005793; font-size: 28px; font-weight: 600; }
#sitemap > ul > li .sitemap_submenu { position: relative; }
#sitemap > ul > li .sitemap_submenu::before { content: ''; width: 80%; height: 2px; background-color: #dcdcdc; position: absolute; top: -18px; left: 0; transition: width 0.5s ease; }
#sitemap > ul > li:hover > h4 + .sitemap_submenu::before { animation: drawunderline 0.5s ease both; }
#sitemap > ul > li .main-support-area:hover > h4 + .sitemap_submenu::before, #sitemap > ul > li .main-unethical-area:hover > h4 + .sitemap_submenu::before { animation: drawunderline 0.5s ease both; }
#sitemap > ul > li .main-support-area h4 > a, #sitemap > ul > li .main-unethical-area h4 > a  { font-size: 28px; color: #005793; font-weight: 600; }
#sitemap > ul > li .main-unethical-area { margin-top: 50px; }
#sitemap .sitemap_submenu { margin-top: 30px; }
#sitemap .sitemap_submenu > li:not(:first-child) { margin-top:10px; }
#sitemap > ul > li .main-support-area .sitemap_submenu a { font-size: 18px; color: #000; font-weight: 400; }
#sitemap .sitemap_submenu li a { font-size: 18px; color: rgba(0, 0, 0, 0.8); }
#sitemap .sitemap_submenu li a:hover { color: #000; }
#sitemap .sitemap_submenu li a[target]::after { content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/ico/ico_link.png) no-repeat center / 100% auto; vertical-align: middle; margin-top: -2px; margin-left: 10px; }
#sitemap .sitemap_submenu li a[target]:hover::after { filter: invert(20%) sepia(67%) saturate(2412%) hue-rotate(185deg) brightness(99%) contrast(101%); }

@keyframes drawunderline { 0% { width: 0; } 100% { width: 80%;} }
/* GNB hover 했을 때 CSS */
#site-header.small.active { background-color: #fff; }
#site-header.active .gnb > li > a, #site-header.small.active .gnb > li > a { color: #000; }
#site-header.active .logo a .logoImg, #site-header.small.active .logo a .logoImg { filter: none; }
#site-header.active .utility-menu > li > a span, #site-header.small.active .utility-menu > li > a span { color: #000; }
#site-header.active .utility-menu > li > .allmenu_open, #site-header.small.active .utility-menu > li > .allmenu_open { filter: none; }
#site-header.active .utility-menu > li > a span.not_current, #site-header.small.active .utility-menu > li > a span.not_current { color: #9c9c9c; }
#site-header.active .utility-menu > li:nth-child(1) a::after { color: #9c9c9c; }
#site-header.small .utility-menu > li:nth-child(1) a::after { background-color: #fff; }
#site-header.small.white .utility-menu > li:nth-child(1) a::after { background-color: #9c9c9c; }
#site-header.small.active .utility-menu > li:nth-child(1) a::after { background-color: #9c9c9c; }
#site-header.small.white .utility-menu > li > a span.not_current { color: #9c9c9c; }

.allmenu-area .allmenu-area_top { display: flex; justify-content: space-between; align-items: center; position: relative; }
.allmenu-area .allmenu-area_top .title > h2 { font-size: 36px; font-weight: 600; }
header .allmenu-area { display: none; width: 100vw; height: 100vh; overflow-y: scroll; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 3600; box-sizing: border-box; }
header .allmenu-area::-webkit-scrollbar { display: none; }
header .allmenu-area > .inner { width: 94%; margin: 0 auto; height: 100%; padding-block: 5%; box-sizing: border-box; }
header .allmenu-area .allmenu_close_btn > button { width: 30px; height: 30px; background: url(../images/ico/ico_close_btn.png) no-repeat center / 100% auto; border: none; cursor: pointer; position: absolute; top: 12%; right: 3%; }
.allmenu-area .sitemap_sidemenu { position: absolute; top: 73.5%; left: 70.5%; }
/* .allmenu-area .sitemap_sidemenu { width: 100%; margin: 0 auto; position: relative;} .allmenu-area .sitemap_sidemenu::before { content: ''; display: block; width: calc(100% + 6%); height: 1px; background-color: #e5e5e5; position: absolute; top: -25px; left: -55px; }
.allmenu-area .sitemap_sidemenu > ul { display: flex; flex-direction: column; align-items: flex-start; padding: 0 0 0 86%; margin-top: 50px; gap: 10px; } */
.allmenu-area .sitemap_sidemenu ul li a { position: relative; font-size: 18px; }
.allmenu-area .sitemap_sidemenu ul li a:hover { text-decoration: underline; color: #005793; }
.allmenu-area .sitemap_sidemenu ul li a::after { content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; top: 50%; transform: translateY(-50%); right: -30px; background: url(../images/ico/ico_mobilemenu_download.png) no-repeat center / 100% auto; }
/* .allmenu-area .sitemap_sidemenu > ul > li:not(:first-child) { margin-top: 20px; } */

/* 뉴스룸 헤더 */
/* #site-header.newsroom_header .header-wrap { border-bottom: none; } */
#site-header .newsroom_gnb > ul { display: flex; }
#site-header .newsroom_gnb li > a > span { display: block; align-content: center; padding-block: 39px; background: linear-gradient(#005793, #005793) no-repeat center bottom / 0 5px; transition: .3s; }
#site-header .newsroom_gnb li:hover span { background-size: 100% 5px; }
#site-header .newsroom_gnb li > a { display: block; padding-inline: 25px; font-size: 18px; font-weight: 500; color: #fff; }
#site-header.small.white .newsroom_gnb li > a { color: #000; }
/* #site-header.newsroom_header { background-color: #fff; }
#site-header.newsroom_header .logo a .logoImg { filter: none; }
#site-header.newsroom_header .newsroom_gnb li > a { color: #000; } */


#site-footer { background-color: #222; }
#site-footer > .inner { width: 92%; max-width: 1600px; margin: 0 auto; position: relative; display: table; box-sizing: border-box; padding: 60px 0; z-index: 1000;}
#site-footer .top { padding: 0 10px; padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between;; }
#site-footer .top .logo { padding-right: 50px; width: 200px; box-sizing: border-box; }
#site-footer .top .menu { display: flex; width: 100%; }
#site-footer .top .menu > li { padding: 0 20px; position: relative; }
#site-footer .top .menu > li + li:not(.out):before { content: ''; width: 3px; height: 3px; background-color: #fff; position: absolute; left: -1.5px; top: 50%; margin-top: -1.5px; border-radius: 50%; }
#site-footer .top .menu > li > a { font-size: 15px; color: #b5b5b6; }
#site-footer .top .menu > li.out > a { color: #25abdf; }
#site-footer .top .menu > li.out > a:after { content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(../images/ico/ico_link_h.png); background-size: contain; background-repeat: no-repeat; margin-left: 5px; }

#site-footer .top .sns { display: flex; }
#site-footer .top .sns li + li { margin-left: 15px; }
#site-footer .top .sns li a { display: inline-block; }
#site-footer .top .select { position: absolute; bottom: 60px; right: 3px; z-index: 1; }
#site-footer .top .select > select { display: inline-block; width: 212px; height: 50px; background-color: #363636; background-image: url(../images/ico/ico_arrow_up.png); background-repeat: no-repeat; background-position: top 23px right 21px; font-size: 14px; color: #e9e9e9; border: 0; line-height: 50px; padding-left: 20px; padding-right: 50px; box-sizing: border-box; position: relative; -webkit-appearance: none; }
#site-footer .top .select > select:after { content: ''; width: 10px; height: 10px; border-left: 2px solid #878787; border-top: 2px solid #878787; box-sizing: border-box; position: absolute; right: 20px; top: 50%; margin-top: -5px; transform: rotate(45deg); transform-origin: left; }
#site-footer .top .select > button { width: 50px; height: 50px; background-color: #363636; font-size: 14px; color: #e9e9e9; border: 0; cursor: pointer; }


#site-footer .bot { padding: 0 10px; padding-top: 25px; border-top: 1px solid #626262; position: relative; }
#site-footer .bot .logo { display: none; }
#site-footer .bot .info > li { display: inline-block; padding-right: 10px; font-size: 14px; color: #8b8b8b; }
#site-footer .bot .copy { font-size: 14px; color: #8b8b8b; margin-top: 5px; }
#site-footer .bot .di_focus{display: block; width: 100px; height: 64px; position: absolute; top: 15px; right: 300px;}
/* Scroll Top Btn */
.scrollTop { position: fixed; bottom: 3em; right: 3%; width: 60px; height: 60px; background: url(../images/common/top_btn.png) center no-repeat; background-size: contain; cursor: pointer; z-index: 90; border-radius: 50%; opacity: 0.85; visibility: hidden;
  box-shadow: 0 0.133em 0.133em 0 rgba(0,0,0,0.14), 0 0.067em 0.333em 0 rgba(0,0,0,0.12), 0 0.200em 0.067em -0.133em rgba(0,0,0,0.2); border: 0;
}


/* Common */
#page-contents { width: 100%; min-height: calc(100vh - 95px); overflow: hidden; position: relative; z-index: 1; }
#page-contents.commingSoon { background: #f9f9f9 url(../images/common/allmenu_bg.png) bottom right 5% no-repeat; display: flex; align-items: center; justify-content: center; }
#page-contents.commingSoon:before { content: '수 급 필 요'; text-align: center; font-size: 55px; font-weight: bold; color: #666; }
#page-contents > .swiper-container > .swiper-wrapper > .swiper-slide {visibility:hidden;background-color: #fff; min-height: 100vh;}
#page-contents > .swiper-container > .swiper-wrapper > .swiper-slide.swiper-slide-active {visibility: visible;}


.page-section { display: flex; align-items: center; min-height: 100vh; position: relative; box-sizing: border-box; overflow: hidden; }
.page-section > .inner { max-width: 1400px; width: 92%; margin: 0 auto; position: relative; z-index: 1; padding: 4% 0; box-sizing: border-box; }
.page-section > .bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: #000; overflow: hidden; }
.page-section > .bg > .img { position: relative; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.page-section > .bg > .video { position: relative; width: 100%; height: 100%; }
.page-section > .bg > .video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.35);
  z-index: 1;
}
.page-section > .bg video { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#site-body.newsroom .page-section > .inner { max-width: 1300px; }

.newsroom-item { display: block; }
.newsroom-item-article { height: 100%; background-color: #fff; border-radius: 10px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 7px 10px 27px 0px rgba(0, 0, 0, 0.05); box-sizing: border-box; position: relative; }
.newsroom-item-article:focus { outline: 2px dashed #00578a; outline-offset: 2px; } 
.newsroom-item-article.noShadow { box-shadow: none; }
.newsroom-item-article .img { width: 100%; position: relative; overflow: hidden; }

.newsroom-item-article .img:focus-within::after { content: ''; position: absolute; inset: 0; border: 3px dashed #fff; box-sizing: border-box; pointer-events: none; z-index: 1; }
.newsroom-item-article .img picture { display: block; width: 100%; height: 0; padding-top: 56.23%; background-color: #ccc; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all .5s ease-out; }
.newsroom-item-article:hover picture, .newsroom-item-article:focus picture {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.newsroom-item-article .cont { width: 100%; padding: 30px; box-sizing: border-box; }
.newsroom-item-article .cont .tag { font-size: 16px; line-height: 32px; color: #333; }
.newsroom-item-article .cont .tit { font-size: 22px; line-height: 32px; font-weight: bold; color: #333; height: 64px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  }
.newsroom-item-article .cont .txt { font-size: 18px; line-height: 30px; color: #666; margin-top: 20px; height: 60px; overflow: hidden; }
.newsroom-item-article .cont .tag2 { margin-top: 30px; display: flex; }
.newsroom-item-article .cont .tag2 > li + li { margin-left: 10px; }
.newsroom-item-article .cont .tag2 > li > a { display: block; background-color: #ebebeb; font-size: 14px; color: #9d9d9d; padding: 5px 18px; border-radius: 3px; }
.newsroom-item-article .cont .tag2 > li > a:focus,
.newsroom-item-article .cont .tag2 > li > a:hover { background-color: #00578a; color: #fff; }
.newsroom-item-article .cont .date { font-size: 15px; color: #666; margin-top: 15px; }

.newsroom-item-article.type2 .cont { position: absolute; bottom: 0; padding: 30px 60px; padding-top: 120px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.newsroom-item-article.type2 .cont .tag { display: inline-block; font-size: 16px; line-height: 32px; color: #fff; border: 1px solid #fff; border-radius: 34px; margin-bottom: 10px; padding: 0 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
.newsroom-item-article.type2 .cont .tit { font-size: 35px; line-height: 45px; height: 90px; color: #fff; max-width: 700px; }
.newsroom-item-article.type2 .cont .date { margin-top: 15px; }

.newsroom-item-article.type3 { flex-direction: row; align-items: center; box-shadow: none; border-radius: 0; }
.newsroom-item-article.type3 .img  { width: 220px; }
.newsroom-item-article.type3 .img picture { width: 220px; padding-top: 75%; }
.newsroom-item-article.type3 .cont { padding: 20px 50px;  }
.newsroom-item-article.type3 .cont .tag { color: #00a2e1; font-weight: bold; }
.newsroom-item-article.type3 .cont .tit { display: inline; font-size: 20px; line-height: 30px; height: 60px; border-bottom: 1px solid transparent; }
.newsroom-item-article.type3:hover .cont .tit { border-color: #333; }

.newsroom-item-article.type4 { flex-direction: row; align-items: center; box-shadow: none; border-radius: 0; }
.newsroom-item-article.type4 .img  { max-width: 430px; }
.newsroom-item-article.type4 .img picture { width: 430px; padding-top: 64%; }
.newsroom-item-article.type4 .cont { padding: 25px 55px;  }
.newsroom-item-article.type4 .cont .tag { font-size: 16px; }
.newsroom-item-article.type4 .cont .tit { display: inline; font-size: 24px; line-height: 30px; height: 60px; border-bottom: 1px solid transparent; }
.newsroom-item-article.type4 .cont a.tit:hover { border-color: #333; }

.newsroom-item-article.video .img:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .4); background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='72px' height='72px'%3E%3Cpath fill-rule='evenodd' stroke-width='2px' stroke='rgb(255, 255, 255)' fill-opacity='0' fill='rgb(0, 0, 0)' d='M36.000,3.500 C53.949,3.500 68.500,18.051 68.500,36.000 C68.500,53.949 53.949,68.500 36.000,68.500 C18.051,68.500 3.500,53.949 3.500,36.000 C3.500,18.051 18.051,3.500 36.000,3.500 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M46.558,36.811 L31.120,45.741 L31.120,27.880 L46.558,36.811 Z'/%3E%3C/svg%3E"); }
.newsroom-item-article.photo .img .photoCnt { position: absolute; top: 10px; right: 10px; min-width: 85px; padding: 10px; box-sizing: border-box; background-color: rgba(0, 0, 0, .5); border-radius: 3px; font-size: 15px; font-family: 'Metropolis-Bold', sans-serif; color: #fff; }
.newsroom-item-article.photo .img .photoCnt:before { content: ''; width: 21px; height: 21px; margin-right: 15px; display: inline-block; vertical-align: middle; margin-top: -1px; background-image: url("data:image/svg+xml,%3Csvg id='레이어_1' data-name='레이어 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 52 52'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='52' height='52'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EVector Smart Object%3C/title%3E%3Cg class='cls-2'%3E%3Crect class='cls-3' x='1' y='1' width='34' height='34' rx='2' ry='2'/%3E%3Cpath class='cls-3' d='M41,9H35V33a2,2,0,0,1-2,2H9v6a2,2,0,0,0,2,2H41a2,2,0,0,0,2-2V11A2,2,0,0,0,41,9Z'/%3E%3Cpath class='cls-3' d='M49,17H43V41a2,2,0,0,1-2,2H17v6a2,2,0,0,0,2,2H49a2,2,0,0,0,2-2V19A2,2,0,0,0,49,17Z'/%3E%3C/g%3E%3C/svg%3E"); }

/* Main */
#main-top-visual { width: 100%; height: 100vh; position: relative; overflow: hidden; }
#main-top-visual > .inner { height: 100%; position: relative; }


#main-top-visual .text { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; }
#main-top-visual .text > .inner { width: 92%; margin: 0 auto; max-width: 1300px; box-sizing: border-box; }
#main-top-visual .text .textWr { max-width: 600px; margin-left: auto; }
#main-top-visual .text .tit { font-size: 25px; line-height: 38px; color: #fff; opacity: 0; transform: translateX(100px); text-shadow: 1px 1px 3px rgba(0,0,0,0.5); margin-bottom: 20px;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
#main-top-visual .text .txt { font-size: 42px; line-height: 58px; color: #fff; font-weight: bold; height: 232px; opacity: 0; transform: translateX(100px); text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
#main-top-visual .text .more { margin-top: 60px; opacity: 0; transform: translateY(100px); 
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#main-top-visual .text .more a { position: relative; display: inline-block; width: 215px; height: 60px; border: 1px solid #fff; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; overflow: hidden; }
#main-top-visual .text .more a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #fff; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#main-top-visual .text .more a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 10px; height: 10px; margin-top: -5px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; box-sizing: border-box; transform: rotate(-45deg);
  -webkit-transition: border 0.25s ease;
  transition: border 0.25s ease;
}
#main-top-visual .text .more a span { display: inline-block; font-size: 16px; color: #fff; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#main-top-visual .text .more a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #fff;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#main-top-visual .text .more a:hover:before { width: 100%; }
#main-top-visual .text .more a:hover:after { border-color: #222; transition-delay: 0.35s; }
#main-top-visual .text .more a:hover span { color: #222; }
#main-top-visual .text .more a:hover span:before { left: 100%; transition-delay: 0.35s; }

#main-top-visual .bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: #000; transform: scale(1.075);
  -webkit-transition: transform 9s linear;
  transition: transform 9s linear;
}
#main-top-visual .bg.black:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.35);
  z-index: 1;
}
#main-top-visual .bg > div { position: relative; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; }
#main-top-visual .bg video { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }


#main-top-visual .pagination { position: absolute; bottom: 6%; left: 0; width: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; 
  -webkit-transition: all 0.35s linear;
  transition: all 0.35s linear
}

#main-top-visual .pagination .playPause { font-size: 0; width: 30px; height: 30px; border-radius: 50%; border: 0; background-color: transparent; box-sizing: border-box; margin-left: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; }
#main-top-visual .pagination .playPause.play { background-image: url(../images/ico/ico_play.png); }
#main-top-visual .pagination .playPause.pause { background-image: url(../images/ico/ico_pause.png); }



#main-top-visual .swiper-pagination { display: flex; justify-content: center; position: static; }
#main-top-visual .swiper-pagination li { padding: 0 10px; text-align: left; }
#main-top-visual .swiper-pagination li a { display: block; width: 90px; font-size: 16px; color: #fff; font-family: 'Metropolis-Bold', sans-serif; padding-bottom: 5px; position: relative; }
#main-top-visual .swiper-pagination li a:before { content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255,255,255,0.5); position: absolute; bottom: 0; left: 0; z-index: 1; }
#main-top-visual .swiper-pagination li a:after { content: ''; display: block; height: 3px; background-color: #fff; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;  transform: scaleX(0); transform-origin: left; }
#main-top-visual .swiper-pagination li.active a:after { transform: scaleX(1);
  -webkit-transition: transform 10s linear;
  transition: transform 10s linear
}

#main-top-visual.active .swiper-slide-active .bg { transform: scale(1); transition-delay: 1s; }
#main-top-visual.active .swiper-slide-active .tit { opacity: 1; transform: translateX(0); }
#main-top-visual.active .swiper-slide-active .txt { opacity: 1; transform: translateX(0); }
#main-top-visual.active .swiper-slide-active .more { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }
#main-top-visual.active .swiper-slide-active .more a:before { width: 100%; transition-delay: 1.5s; }
#main-top-visual.active .swiper-slide-active .more a:after { border-color: #222; transition-delay: 1.85s; }
#main-top-visual.active .swiper-slide-active .more a span { color: #333; transition-delay: 1.5s; }
#main-top-visual.active .swiper-slide-active .more a span:before { left: 100%; transition-delay: 1.85s; }
#main-top-visual.active .pagination { visibility: visible; opacity: 1; transition-delay: 2s; -webkit-transition: all 0.35s linear; transition: all 0.35s linear}

/* main_esg */
#main_esg .secTitle{
  font-size: 55px;
  color: #000;
  font-weight: bold;
  margin-bottom: 80px;
  line-height: 1;
  text-align: center;
}

#main_esg ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -3px;
}

#main_esg ul li {
  width: 50%;
  padding: 3px;
  box-sizing: border-box;
}

#main_esg ul li a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 400px;
  background-color: #dedede;
  box-sizing: border-box;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#main_esg ul li a > div {
  padding: 50px;
}

#main_esg ul li .tit {
  font-size: 45px;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
}

#main_esg ul li .txt {
  font-size: 15px;
  color: #fff;
  margin-top: 10px;
  font-weight: 300;
  max-width: 435px;
  min-height: 45px;
}

#main-contents { width: 100%; overflow: hidden; position: relative; z-index: 1; }

#main_sec_01 { padding: 120px 0; background-color: #fff; text-align: center; }
#main_sec_01 > .inner { max-width: 800px !important; }
#main_sec_01 .title { display: inline-block; font-size: 24px; color: #222; font-weight: bold; border-bottom: 1px solid #999; padding-bottom: 5px; }
#main_sec_01 .text { font-size: 40px; line-height: 55px; color: #222; font-weight: bold; margin-top: 70px; }
#main_sec_01 .text span { color: #1fabfc; }
#main_sec_01 .writer { margin-top: 40px; font-size: 16px; color: #959494; }
#main_sec_01 .writer span { color: #222; }

#main_sec_02 { align-items: normal !important; padding: 6% 0; }
#main_sec_02 > .inner { max-width: 1600px !important; }
#main_sec_02 .text { max-width: 958px; font-size: 50px; line-height: 68px; color: #fff; font-weight: bold; }
#main_sec_02 .text span { color: #32b8ee; }

#main_sec_03 { background-color: #eff5f8; min-height: auto !important; }
#main_sec_03 > .inner { max-width: 1100px !important; padding-bottom: 8% !important; }
#main_sec_03 .title { font-size: 24px; font-weight: bold; color: #222; padding-bottom: 5px; position: relative; margin-bottom: 30px; }
#main_sec_03 .title:after { content: ''; width: 15px; height: 1px; background-color: #222; position: absolute; left: 0; bottom: 0; }
#main-relatedNews-slider { overflow: inherit; }
#main-relatedNews-slider .swiper-pagination { top: 100%; bottom: auto; margin-top: 50px; }
#main-relatedNews-slider .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #222; margin: 0 10px; }
#main-relatedNews-slider .swiper-pagination-bullet-active { background-color: #222; opacity: 1; }

#main_sec_04 { background-color: #f5f8ff; min-height: auto; }
#main_sec_04 > .inner { max-width: 980px !important; padding: 6% 0; }
#main_sec_04 .title { font-size: 55px; font-weight: bold; color: #333; position: relative; margin-bottom: 20px; text-align: center; }
#main_sec_04 .text { font-size: 24px; color: #333; margin-bottom: 70px; text-align: center; }
#main-newsroom-slider { overflow: inherit; }
#main-newsroom-slider .swiper-pagination { position: static; margin-top: 40px; }
#main-newsroom-slider .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #4E4F51; margin: 0 10px; border-radius: 10px; opacity: 1; }
#main-newsroom-slider .swiper-pagination-bullet-active { width: 30px; background-color: #333; opacity: 1; }

#main_sec_05 { min-height: auto !important; }
#main_sec_05 .title { font-size: 24px; font-weight: bold; color: #222; padding-bottom: 5px; position: relative; margin-bottom: 30px; }
#main_sec_05 .title:after { content: ''; width: 15px; height: 1px; background-color: #222; position: absolute; left: 0; bottom: 0; }
#main_sec_05 .news_list { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; margin-left: 0; margin-right: -40px; }
#main_sec_05 .news_list > li { width: 25%; padding-right: 40px; margin-bottom: 20px; box-sizing: border-box; display: flex; flex-direction: column; }
#main_sec_05 .newsroom-item-article { box-shadow: none; border-radius: 15px; }
#main_sec_05 .newsroom-item-article .img picture { padding-top: 100%; }
#main_sec_05 .newsroom-item-article .cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(24, 24, 53, .5); padding: 40px 30px; opacity: 1; display: flex; align-items: flex-end; }
#main_sec_05 .newsroom-item-article .cont .tit { font-size: 20px; color: #fff; }
#main_sec_05 .newsroom-item-article .cont .date { font-size: 16px; color: #f8f8fa; font-family: 'Metropolis-Light', sans-serif; }
#main_sec_05 .newsroom-item-article:hover .img picture { transform: scale(1.2); 
  -webkit-transition: transform 3s linear;
  transition: transform 3s linear
}




#main_sec_06 { align-items: normal !important; padding: 6% 0; }
#main_sec_06 .title { text-align: right; font-size: 24px; color: #fff; margin-bottom: 20px; }
#main_sec_06 .text { text-align: right; font-size: 50px; line-height: 68px; color: #fff; font-weight: bold; }
#main_sec_06 .text span { color: #32b8ee; }

#main_sec_07 { min-height: auto; }
#main_sec_07 > .inner { max-width: 1770px; padding: 6% 0; padding-bottom: 0; }
#main_sec_07 .title { font-size: 55px; font-weight: bold; color: #333; position: relative; margin-bottom: 20px; text-align: center; }
#main_sec_07 .text { font-size: 24px; color: #333; margin-bottom: 70px; text-align: center; }
#ms07_list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; margin-left: 0; }
#ms07_list .item:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#ms07_list .item:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#ms07_list .item:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
#ms07_list .item:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; }
#ms07_list .item:nth-child(odd) { padding-bottom: 60px; }
#ms07_list .item:nth-child(even) { padding-top: 60px; }
#ms07_list .item > a { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 580px; border-radius: 12px; box-sizing: border-box; padding: 40px; position: relative; overflow: hidden; }
#ms07_list .item > a > .bg { background-color: #ccc; background-size: cover; background-position: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;
  -webkit-transition: transform 1.5s linear;
  transition: transform 1.5s linear;
}
#ms07_list .item .tit { font-size: 38px; line-height: 45px; font-weight: bold; color: #fff; min-height: 90px; }
#ms07_list .item .txt { font-size: 26px; line-height: 1.4; color: #fff; margin-top: 15px; margin-bottom: 100px; opacity: 0; transform: translateY(30px); overflow: hidden;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear
}
#ms07_list .item .link { display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; background-color: #fff; border: 0; border-radius: 100%; padding: 0; cursor: pointer; position: absolute; bottom: 40px; right: 40px; opacity: 0; transform: translateX(-30px); 
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear
}
#ms07_list .item .link:after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin-bottom: 2px; margin-left: -2px; box-sizing: border-box; border-bottom: 2px solid #333; border-right: 2px solid #333; transform: rotate(-45deg); }
#ms07_list .item > a:focus > .bg,
#ms07_list .item > a:hover > .bg { transform: scale(1.2);
   -webkit-transition: transform 3.5s linear;
  transition: transform 3.5s linear
}
#ms07_list .item > a:focus .txt,
#ms07_list .item > a:hover .txt { transform: translateY(0); opacity: 1; }
#ms07_list .item > a:focus .link,
#ms07_list .item > a:hover .link { transform: translateX(0); opacity: 1; }

#main_sec_08 { background-color: #f8f8fa; }
#main_sec_08 .title { font-size: 40px; font-weight: bold; color: #333; margin-bottom: 30px; }
#main_sec_08 .sortMenu { display: flex; margin-bottom: 60px; }
#main_sec_08 .sortMenu > li { padding: 5px 0; position: relative; }
#main_sec_08 .sortMenu > li + li { margin-left: 45px; }
#main_sec_08 .sortMenu > li > a { font-stretch: 18px; color: #6b6b6b; }
#main_sec_08 .sortMenu > li a:hover,
#main_sec_08 .sortMenu > li.active a { color: #222; font-weight: bold; }
#main_sec_08 .sortMenu > li.active a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #222; }
#ms08_list { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; margin-left: 0; position: relative; overflow: inherit; }
#ms08_list .item { width: 33.333%; box-sizing: border-box; }
#ms08_list .item > a { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #fff; border-radius: 12px; box-sizing: border-box; padding: 40px; padding-top: 30px; position: relative; box-shadow: 7px 10px 27px 0px rgba(0, 0, 0, 0.2); }
#ms08_list .item .ico { margin-bottom: 15px; }
#ms08_list .item .tit { font-size: 35px; line-height: 45px; font-weight: bold; color: #333; height: 90px; overflow: hidden; }
#ms08_list .item .txt { font-size: 16px; line-height: 30px; color: #9d9d9d; max-width: 300px; height: 150px; margin-top: 35px; margin-bottom: 90px; overflow: hidden; }
#ms08_list .item .link { width: 46px; height: 46px; background-color: #fff; border: 1px solid #333; border-radius: 100%; padding: 0; cursor: pointer; position: absolute; bottom: 40px; right: 40px; box-sizing: border-box;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear
}
#ms08_list .item .link:before { content: '자세히 보기'; position: absolute; right: 100%; margin-right: 10px; font-size: 16px; color: #333; white-space: nowrap; font-family: 'Noto Sans KR', Arial, sans-serif; margin-top: -2px; transform: translateX(-20px); opacity: 0;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear
}
#ms08_list .item .link:after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin-bottom: 2px; margin-left: -2px; box-sizing: border-box; border-bottom: 2px solid #333; border-right: 2px solid #333; transform: rotate(-45deg); }
#ms08_list .item > a:hover .link { background-color: #333; }
#ms08_list .item > a:hover .link:before { transform: translateX(0); opacity: 1; }
#ms08_list .item > a:hover .link:after { border-color: #fff; }

.main_sec_grid { display: flex; }

#main_sec_09 { min-height: auto; align-items: flex-start; overflow: unset; }
#main_sec_09 > .inner { max-width: 640px; padding: 80px 0 128px; height: 100%; }
#main_sec_09 > .bg { transition: all .5s ease-out; }
#main_sec_09 .title { font-family: 'Metropolis-Bold', sans-serif; font-size: 65px; color: #fff; line-height: 50px; margin-bottom: 120px; }
#main_sec_09 .ir_stock { display: flex; justify-content: space-between }
#main_sec_09 .ir_stock > div { margin-bottom: 50px; text-align: left; }
#main_sec_09 .ir_stock > div > div { font-family: 'Metropolis-Bold', sans-serif; font-size: 45px; line-height: 45px; color: #a7c8ff; margin-bottom: 20px; }
#main_sec_09 .ir_stock > div > span { font-family: 'Metropolis-Regular', sans-serif; font-size: 20px; display: inline-block; color: #a7c8ff; }
#main_sec_09 .ir_stock > div > span > * { display: inline-block; }
#main_sec_09 .ir_stock > div > span.up:before { content: ''; display: inline-block; width: 0; height: 0; vertical-align: middle; margin-left: 5px; margin-right: 8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #a7c8ff; }
#main_sec_09 .ir_stock > div > span.down:before { content: ''; display: inline-block; width: 0; height: 0; vertical-align: middle; margin-left: 5px; margin-right: 8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #a7c8ff; }
#main_sec_09 .ir_stock > div > span + span { margin-left: 30px; }
#main_sec_09 .ir_stock > ul { width: 100%; max-width: 300px; }
#main_sec_09 .ir_stock > ul > li { display: table; width: 100%; }
#main_sec_09 .ir_stock > ul > li + li { margin-top: 20px; }
#main_sec_09 .ir_stock > ul > li > span { display: table-cell; width: 50%; text-align: right; font-size: 16px; color: #fff; }
#main_sec_09 .ir_stock > ul > li > span.t { text-align: left; color: #a7c8ff; }

#main_sec_10 { min-height: auto; align-items: flex-start; overflow: unset; }
#main_sec_10 > .inner { max-width: 720px; padding: 80px 0 128px; height: 100%; }
#main_sec_10 > .bg { left: auto; right: 0; transition: all .5s ease-out; }
#main_sec_10 .title { font-size: 50px; font-weight: bold; color: #fff; line-height: 50px; margin-bottom: 190px; }
#main_sec_10 .text { font-size: 30px; line-height: 40px; color: #fff; width: 380px; }

#main_sec_09 .link,
#main_sec_10 .link { position: relative; display: inline-block; margin-top: 35px; width: 220px; height: 60px; line-height: 60px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 60px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight: bold; padding-left: 30px; padding-right: 60px; }
#main_sec_09 .link:after,
#main_sec_10 .link:after { content: ''; width: 25px; height: 12px;  background: url(../images/ico/ico_finder_right_w.png) center no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 25px; }

#main_sec_09 .link:hover,
#main_sec_10 .link:hover { border-color: rgba(255, 255, 255, 1.0); }

.main_sec_grid > * { width: 50%; transition: all .5s ease-out; }
.main_sec_grid > *.over { width: 55%; }
.main_sec_grid > *.out { width: 45%; }
.main_sec_grid > *.over .link { transform: scale(1); opacity: 1; }










/*#main_sec_09 .ir { padding-right: 100px; }
#main_sec_09 .ir .title { font-family: 'Metropolis-Bold', sans-serif; font-size: 70px; padding-right: 50px; color: #222; line-height: 1; margin-bottom: 40px; }
#main_sec_09 .ir .top { display: grid; grid-template-columns: repeat(2,1fr); }
#main_sec_09 .ir .top > div {  }
#main_sec_09 .ir .top > div > div { font-family: 'Metropolis-Bold', sans-serif; font-size: 45px; line-height: 45px; color: #f94f4f; margin-bottom: 20px; }
#main_sec_09 .ir .top > div > span { font-family: 'Metropolis-Regular', sans-serif; font-size: 20px; display: inline-block; color: #f94f4f; }
#main_sec_09 .ir .top > div > span:before { content: ''; display: inline-block; width: 0; height: 0; vertical-align: middle; margin-left: 5px; margin-right: 8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #f94f4f; }
#main_sec_09 .ir .top > div > span + span { margin-left: 30px; }
#main_sec_09 .ir .top > ul { padding-left: 40px; }
#main_sec_09 .ir .top > ul > li { display: table; width: 100%; }
#main_sec_09 .ir .top > ul > li + li { margin-top: 20px; }
#main_sec_09 .ir .top > ul > li > span { display: table-cell; width: 50%; text-align: right; font-size: 16px; color: #222; }
#main_sec_09 .ir .top > ul > li > span.t { text-align: left; }
#main_sec_09 .catalogue { display: grid; width: 100%; grid-template-columns: repeat(2,1fr); position: relative; padding-left: 50px; }
#main_sec_09 .catalogue:after { content: ''; display: block; width: 200%; height: 100%; background-color: #e9eaf2; position: absolute; top: 0; left: 20%; z-index: -2; }
#main_sec_09 .catalogue .obj img { margin-top: -40px; }
#main_sec_09 .catalogue .cont { padding: 40px 0; padding-left: 60px; margin-right: -120px; }
#main_sec_09 .catalogue .cont .tit { font-family: 'Metropolis-Bold', sans-serif; font-size: 28px; line-height: 45px; margin-bottom: 20px; position: relative; }
#main_sec_09 .catalogue .cont .tit:after { content: ''; position: absolute; bottom: 0; left: -75%; width: 100%; height: 1px; background-color: #8e9cb4; z-index: -1; }
#main_sec_09 .catalogue .cont .txt { font-size: 16px; line-height: 30px; color: #666; margin-bottom: 50px; }
#main_sec_09 .catalogue .cont .btns a { display: inline-block; }
#main_sec_09 .catalogue .cont .btns a + a { margin-left: 8px; }
#main_sec_09 .catalogue .cont .btn { position: relative; display: inline-block; width: 150px; height: 50px; border: 1px solid #222; background-color: transparent; line-height: 45px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#main_sec_09 .catalogue .cont .btn:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #005793; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#main_sec_09 .catalogue .cont .btn:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_b.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#main_sec_09 .catalogue .cont .btn span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#main_sec_09 .catalogue .cont .btn span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #005793;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#main_sec_09 .catalogue .cont .btn:hover { border-color: #005793; }
#main_sec_09 .catalogue .cont .btn:hover:before { width: 100%; }
#main_sec_09 .catalogue .cont .btn:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#main_sec_09 .catalogue .cont .btn:hover span { color: #fff; }
#main_sec_09 .catalogue .cont .btn:hover span:before { left: 100%; transition-delay: 0.35s; }

#main_sec_09 .recruit { position: relative; }
#main_sec_09 .recruit .obj { position: absolute; top: 50%; left: 0; width: 752px; transform: translateY(-50%); }*/




/* Main Common */
.main-swiper-prev,
.main-swiper-next { position: absolute; top: 0; width: 50%; height: 100%; background-color: transparent; z-index: 1; display: flex; align-items: center; }
.main-swiper-prev { right: 100%; justify-content: flex-end; }
.main-swiper-next { left: 100%; justify-content: flex-start; }
.main-swiper-prev button,
.main-swiper-next button { width: 123px; height: 123px; background-color: #fff; border: 0; border-radius: 100%; box-shadow: 8px 11px 26px 0px rgba(0, 0, 0, 0.34); cursor: pointer; font-size: 16px; font-weight: bold; color: #222; transform: scale(1); 
  -webkit-transition: transform 0.15s ease;
  transition: transform 0.15s ease;
}
.main-swiper-prev button { margin-right: -15px; }
.main-swiper-next button { margin-left: -15px; }
.main-swiper-prev button:before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 5px; margin-bottom: 2px; box-sizing: border-box; border-bottom: 2px solid #222; border-left: 2px solid #222; transform: rotate(45deg); }
.main-swiper-next button:after { content: ''; display: inline-block; width: 8px; height: 8px; margin-left: 5px; margin-bottom: 2px; box-sizing: border-box; border-bottom: 2px solid #222; border-right: 2px solid #222; transform: rotate(-45deg); }
.main-swiper-prev button.swiper-button-disabled,
.main-swiper-next button.swiper-button-disabled { display: none; }
.swiper-container:hover .main-swiper-prev button,
.swiper-container:hover .main-swiper-next button { transform: scale(1); }






/* SubPage */
#page-top-visual { width: 100%; /*height: 60vh; height: 44vh;*/ height: 39.97vh;  position: relative; overflow: hidden; }
#page-top-visual .swiper-wrapper { position: relative; }
#page-top-visual .swiper-slide { width: 100%; height: 100%; overflow: hidden; }
#page-top-visual .swiper-slide > .inner { height: 100%; position: relative; }
#page-top-visual .text { position: absolute; top: 0; left: 0; z-index: 1;  width: 100%; height: 100%; display: flex; box-sizing: border-box; /*padding-top: 140px;*/ padding-top: 130px; }
@media screen and (max-width: 1600px){
  #page-top-visual .text {
    padding-top: 160px;
  }
}
#page-top-visual .text > .inner { width: 90%; max-width: 1400px; margin: 0 auto; }
#page-top-visual .text .loc { display: flex; margin: 0 -15px; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
#page-top-visual .text .loc > li { padding: 0 15px; font-size: 14px; line-height: 32px; color: #fff; position: relative; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
#page-top-visual .text .loc > li + li:before { content: ''; width: 2px; height: 2px; background-color: #fff; position: absolute; left: -1px; top: 50%; margin-top: -1px; }
#page-top-visual .text .t1 { font-size: 70px; color: #fff; font-weight: bold; opacity: 0; -webkit-transition: opacity 0.75s ease; transition: opacity 0.75s ease; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
#page-top-visual .text .t1.newsroom_t1 { text-align: center; }
#page-top-visual .text .t2 { font-size: 20px; color: #fff; line-height: 32px; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
#page-top-visual .text .t2.newsroom_t2 { text-align: center; }
#page-top-visual .menu { position: absolute; bottom: 30px; left: 0; width: 100%; z-index: 2; }
#page-top-visual .menu > ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 25px 1fr 25px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 25px; max-width: 1400px; width: 90%; margin: 0 auto; }
#page-top-visual .menu > ul > li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#page-top-visual .menu > ul > li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#page-top-visual .menu > ul > li:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }



#page-top-visual .menu > ul > li > a { display: block; border: 1px solid #fff; font-size: 20px; line-height: 90px; color: #fff; padding: 0 40px; text-align: center; box-sizing: border-box; position: relative; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
#page-top-visual .menu > ul > li > a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
#page-top-visual .menu > ul > li:nth-child(1) > a:hover:focus, 
#page-top-visual .menu > ul > li:nth-child(1) > a:hover:before { background-image: url(../images/business/visual_menu_btn_01.jpg); }
#page-top-visual .menu > ul > li:nth-child(2) > a:hover:focus,
#page-top-visual .menu > ul > li:nth-child(2) > a:hover:before { background-image: url(../images/business/visual_menu_btn_03.jpg); }
#page-top-visual .menu > ul > li:nth-child(3) > a:hover:focus,
#page-top-visual .menu > ul > li:nth-child(3) > a:hover:before { background-image: url(../images/business/visual_menu_btn_02.jpg); }
#page-top-visual .menu > ul > li:nth-child(4) > a:hover:focus,
#page-top-visual .menu > ul > li:nth-child(4) > a:hover:before { background-image: url(../images/business/visual_menu_btn_04.jpg); }
#page-top-visual .menu > ul > li > a span { display: block; width: 100%; position: relative; z-index: 2; white-space: nowrap;
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#page-top-visual .menu > ul > li > a:hover:focus,
#page-top-visual .menu > ul > li > a:hover:before { opacity: 1; }
#page-top-visual .menu > ul > li > a:hover span { width: 0; }



#page-top-visual .bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: #333; }
#page-top-visual .bg .img { display: block; width: 100%; height: 100%; background-position: bottom 30% left 0; background-repeat: no-repeat; background-size: cover; }
#page-top-visual .bg .img.newsroom_img { background-position: top 20% left 0; }
#page-top-visual.active .text .loc { opacity: 0.9; }
#page-top-visual.active .text .t1 { opacity: 1; transition-delay: 0.25s;}
#page-top-visual.active .text .t2 { opacity: 1; transition-delay: 0.75s; max-width: 750px; }
#page-top-visual.active .text .t2.newsroom_t2 { max-width: 100%; }
#page-top-visual.active .text .t2 > span { opacity: 1; transition-delay: calc(0.07s*var(--char-index)); }

#page-top-visual .swiper-prev { width: 75px; height: 155px; position: absolute; top: 47%; left: 0; z-index: 1; cursor: pointer; background-color: rgba(255,255,255,0.5); line-height: 0; overflow: hidden; 
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#page-top-visual .swiper-prev > .arr { width: 75px; height: 155px; display: inline-block; position: absolute; left: 0; top: 0; }
#page-top-visual .swiper-prev > .arr:before { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: translate(-25%,-50%) rotate(-45deg); }
#page-top-visual .swiper-prev > div { position: absolute; left: 75px; display: inline-block; width: 215px; height: 155px; padding: 8px; box-sizing: border-box; }
#page-top-visual .swiper-prev > div > .img { width: 100%; height: 0; padding-top: 69%; background-color: #ccc; background-size: cover; background-repeat: no-repeat; background-position: center; }
#page-top-visual .swiper-prev > div > .tit { position: absolute; bottom: 20px; left: 20px; font-size: 16px; color: #fff; line-height: normal; text-align: left; width: 175px; }
#page-top-visual .swiper-prev:hover { width: 290px; background-color: rgba(255,255,255,1); }
#page-top-visual .swiper-prev:hover > .arr:before { border-color: #222; }
#page-top-visual .swiper-next { width: 75px; height: 155px; position: absolute; top: 47%; right: 0; z-index: 1; cursor: pointer; background-color: rgba(255,255,255,0.5); line-height: 0; overflow: hidden; 
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#page-top-visual .swiper-next > .arr { width: 75px; height: 155px; display: inline-block; position: absolute; right: 0; top: 0; }
#page-top-visual .swiper-next > .arr:before { content: ''; position: absolute; top: 50%; right: 50%; width: 30px; height: 30px; box-sizing: border-box; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translate(25%,-50%) rotate(45deg); }
#page-top-visual .swiper-next > div { position: absolute; right: 75px; display: inline-block; width: 215px; height: 155px; padding: 10px; box-sizing: border-box; }
#page-top-visual .swiper-next > div > .img { width: 100%; height: 0; padding-top: 69%; background-color: #ccc; background-size: cover; background-repeat: no-repeat; background-position: center; }
#page-top-visual .swiper-next > div > .tit { position: absolute; bottom: 20px; right: 20px; font-size: 16px; color: #fff; line-height: normal; text-align: right; width: 175px; }
#page-top-visual .swiper-next:hover { width: 290px; background-color: rgba(255,255,255,1); }
#page-top-visual .swiper-next:hover > .arr:before { border-color: #222; }

#tab-menu { width: 100%; height: 150px; overflow: hidden; }
#tab-menu > .inner { position: relative; top: 0; left: 0; width: 100%; height: 150px; /*z-index: 100;*/  z-index: 90;  box-sizing: border-box; line-height: 150px; 
  -webkit-transition: background-color 0.35s ease, height 0.35s ease, line-height 0.35s ease;
  transition: background-color 0.35s ease, height 0.35s ease, line-height 0.35s ease;
}

body.open_menu #tab-menu > .inner {
  z-index: 99;
}

#tab-menu .swiper-container { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; }
#tab-menu .swiper-wrapper { justify-content: center; text-align: center; }
#tab-menu .swiper-slide { position: relative; width: auto; background-color: transparent; box-sizing: border-box; padding: 0 30px;
  -webkit-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
#tab-menu .swiper-slide.P25 {padding: 0 15px;}
#tab-menu .swiper-slide a { font-size: 20px; color: #666; white-space: nowrap;
  -webkit-transition: color 0.35s ease;
  transition: color 0.35s ease;
}
#tab-menu .swiper-slide a .tab_span_title { font-size: 16px; }
#tab-menu .swiper-slide.active { background-color: rgba(255,255,255,0.75); }
#tab-menu .swiper-slide.active a { color: #00578a !important; font-weight: bold; border-bottom: 3px solid #00578a; }
#tab-menu.fixed > .inner { position: fixed; top: 95px; height: 70px; line-height: 70px; 
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255,255,255,0.7);
  -webkit-transition: top 0.35s ease, background-color 0.35s ease, height 0.35s ease, line-height 0.35s ease;;
  transition: top 0.35s ease, background-color 0.35s ease, height 0.35s ease, line-height 0.35s ease;;
}
#tab-menu.fixed .swiper-slide { background-color: transparent; }
#tab-menu.fixed .swiper-slide a { color: #a1a1a1; }
body.navHide #tab-menu.fixed > .inner { top: 0; }

/*#tab-menu.typeB { margin: 0; height: 120px; }
#tab-menu.typeB > .inner { height: 120px; line-height: 118px; }
#tab-menu.typeB .swiper-slide { padding: 0 40px; max-width: 100%; width: auto; }
#tab-menu.typeB .swiper-slide a { color: #a1a1a1; display: inline; padding: 0; font-size: 20px; position: relative; }
#tab-menu.typeB .swiper-slide.active a:before { content: ''; position: absolute; left: 50%; top: -20px; margin-left: -4.5px; width: 9px; height: 9px; background-color: #464646; border-radius: 50%; }
#tab-menu.typeB.fixed > .inner { background-color: #fff; }
*/


#page-localnav { width: 100%; height: 70px; background-color: #fff; }
#page-localnav > .inner { position: relative; top: 0; left: 0; width: 100%; height: 70px; z-index: 5; box-sizing: border-box; background-color: #f9f9f9; border-bottom: 1px solid #ddd; }
#page-localnav > .inner > div { display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 100%; max-width: 1300px; margin: 0 auto; }
#page-localnav .pageTitle { font-size: 20px; font-weight: bold; color: #222; text-transform: uppercase; }
#page-localnav .pageCate { display: flex; align-items: center }
#page-localnav .pageCate > li { padding: 0 35px; position: relative; }
#page-localnav .pageCate > li + li:after { content: ''; width: 1px; height: 10px; background-color: #a7a7a7; position: absolute; left: 0; top: 50%; margin-top: -5px; }
#page-localnav .pageCate > li > a { display: block; font-size: 13px; line-height: 30px; color: #333; }
#page-localnav .pageCate > li.select > a:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; margin-left: 12px; border-top: 5px solid #686868; border-left: 4px solid transparent; border-right: 4px solid transparent; }
#page-localnav .pageCate > li > .dapth2 { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: #fff; border: 1px solid #e8e8e8; width: 155px; max-height: 540px; padding: 20px; border-radius: 12px; overflow-y: auto; box-shadow: 5px 9px 20px 0px rgba(0, 0, 0, 0.24); box-sizing: border-box; margin-top: 5px; }
#page-localnav .pageCate > li > .dapth2 ul > li + li { margin-top: 15px; }
#page-localnav .pageCate > li > .dapth2 ul > li > a { display: inline-block; white-space: nowrap; font-size: 14px; color: #666; border-bottom: 1px solid transparent; }
#page-localnav .pageCate > li > .dapth2 ul > li > a:hover,
#page-localnav .pageCate > li > .dapth2 ul > li.active > a  { color: #00a2e1; border-color: #00a2e1; }
#page-localnav .pageCate > li.active > .dapth2 { display: block; }
#page-localnav.fixed > .inner { position: fixed; top: 95px; 
  -webkit-transition: top 0.35s ease;
  transition: top 0.35s ease;
}
body.navHide #page-localnav.fixed > .inner { top: 0; }

@media screen and (min-width: 750px){
  #page-localnav .pageCate > li > .dapth2::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  #page-localnav .pageCate > li > .dapth2::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
  #page-localnav .pageCate > li > .dapth2::-webkit-scrollbar-thumb {
    background: #bebebe;
    border: 0px none #ffffff;
  }
  #page-localnav .pageCate > li > .dapth2::-webkit-scrollbar-track {
    background: #eee;
    border: 0px none #ffffff;
  }
  #page-localnav .pageCate > li > .dapth2::-webkit-scrollbar-corner {
    background: transparent;
  }
}


#yt_modal.modal { max-width: 1060px; width: 100%; }
#yt_modal.modal > .inner { padding: 50px; box-sizing: border-box; background-color: transparent; }
#yt_modal.modal button.modal_close { cursor: pointer; font-size: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 50px; height: 50px; border: 0; background-size: 50%; background-color: transparent; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.82 31.82'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='30.41 0 0 30.41 1.41 31.82 31.82 1.42 31.82 1.41 30.41 0'/%3E%3Cpolygon class='cls-1' points='1.41 0 0 1.41 30.41 31.82 31.82 30.41 31.82 30.41 1.41 0'/%3E%3C/svg%3E"); }
#yt_modal.modal > .inner .modal_content > .inner { padding: 0; padding-top: 56.25%; background-color: #000; position: relative; overflow: hidden; }
#yt_modal.modal > .inner .modal_content > .inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#iframe_modal { max-width: 1300px; width: 95%; max-height: 95%; }
#iframe_modal.modal > .inner .modal_header { background-color: #fff; }
#iframe_modal.modal button.modal_close { cursor: pointer; font-size: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 40px; padding: 0; border: 0; background-size: 50%; background-color: transparent; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.82 31.82'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23222222;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='30.41 0 0 30.41 1.41 31.82 31.82 1.42 31.82 1.41 30.41 0'/%3E%3Cpolygon class='cls-1' points='1.41 0 0 1.41 30.41 31.82 31.82 30.41 31.82 30.41 1.41 0'/%3E%3C/svg%3E"); }
#iframe_modal.modal > .inner .modal_content { height: 100%; }
#iframe_modal.modal > .inner .modal_content > .inner { padding: 0; position: relative; height: 100%; }
#iframe_modal.modal > .inner .modal_content > .inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#sub-page-slider { width: 100%; position: relative; overflow: hidden; }
#sub-page-slider .swiper-wrapper { position: relative; }
#sub-page-slider .swiper-slide { width: 100%; height: 100%; overflow: hidden; }
#sub-page-slider .swiper-slide > .inner { height: 100%; position: relative; }


/* Newsroom */
#newsroom_top_slider { display: flex; margin-bottom: 25px; border-radius: 10px; overflow: hidden; }
#newsroom_top_slider > .news_img { width: 66.666%; flex-grow: 2; }
#newsroom_top_slider > .news_img .img { width: 100%; height: 100%; }
#newsroom_top_slider > .news_img .img picture { display: block; width: 100%; height: 100%; background-color: #ccc; background-size: cover; background-repeat: no-repeat; background-position: center; }
#newsroom_top_slider > .news_cont { width: 33.333%; flex-grow: 1; background-color: #fff; }
#newsroom_top_slider > .news_cont .cont { width: 100%; height: 100%; padding: 65px 55px; padding-bottom: 120px; box-sizing: border-box; background-color: #fff; }
#newsroom_top_slider > .news_cont .cont > * { transform: translateY(20px); opacity: 0; }
#newsroom_top_slider > .news_cont .cont .tag { font-size: 16px; line-height: 32px; color: #333; margin-bottom: 10px; }
#newsroom_top_slider > .news_cont .cont .tit { font-size: 30px; line-height: 45px; font-weight: bold; color: #333; height: 225px; overflow: hidden; }
#newsroom_top_slider > .news_cont .cont .date { font-size: 15px; color: #aeadad; margin-top: 20px; }
#newsroom_top_slider .swiper-nav { position: absolute; bottom: 48px; left: 55px; z-index: 1; }
#newsroom_top_slider .swiper-nav > button { width: 42px; height: 42px; border: 1px solid #c2c2c2; background-color: #fff; box-sizing: border-box; display: inline-block; cursor: pointer; padding: 0; }
#newsroom_top_slider .swiper-nav > button:after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; box-sizing: border-box; border-bottom: 2px solid #333; }
#newsroom_top_slider .swiper-nav > button.swiper-prev:after { margin-right: -2px; border-left: 2px solid #333; transform: rotate(45deg); }
#newsroom_top_slider .swiper-nav > button.swiper-next:after { margin-bottom: 2px; margin-left: -2px; border-right: 2px solid #333; transform: rotate(-45deg); }
#newsroom_top_slider .swiper-slide-active .cont > * { transform: translateY(0); opacity: 1; 
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
#newsroom_top_slider .swiper-slide-active .cont > .tag { transition-delay: calc(0.1s*0); }
#newsroom_top_slider .swiper-slide-active .cont > .tit { transition-delay: calc(0.1s*1); }
#newsroom_top_slider .swiper-slide-active .cont > .date { transition-delay: calc(0.1s*2); }

.newsroom_list { display: flex; margin: -17px; flex-wrap: wrap; }
.newsroom_list .newsroom-item { padding: 17px; box-sizing: border-box; display: flex; flex-direction: column; height: auto; }
.newsroom_list.col1 .newsroom-item { width: 100%; }
.newsroom_list.col2 .newsroom-item { width: 50%; }
.newsroom_list.col3 .newsroom-item { width: 33.333%; }
.newsroom_list.col4 .newsroom-item { width: 25%; }
.newsroom_list.col2 .newsroom-item-article .cont { padding: 25px 40px; }
.newsroom_list.col2 .newsroom-item-article .cont .tit { font-size: 24px; line-height: 35px; height: 70px; }
.newsroom_list.col2 .newsroom-item-article.type3 .cont .tit { font-size: 20px; line-height: 30px; height: 60px; }
.newsroom_list.col2 .newsroom-item-article .cont .tag { font-size: 16px; line-height: 30px; }
.newsroom_list.col2 .newsroom-item-article .cont .date { margin-top: 20px; }
.newsroom_list.col4 .newsroom-item-article .cont { padding: 20px 25px; }
.newsroom_list.col4 .newsroom-item-article .cont .tit { font-size: 16px; line-height: 24px; height: 72px; }
.newsroom_list.col4 .newsroom-item-article .cont .tag { font-size: 12px; line-height: 22px; }
.newsroom_list.col4 .newsroom-item-article .cont .date { font-size: 12px; line-height: 22px; margin-top: 10px; }

.newsroom_list.lineType { margin: 0 -17px; }
.newsroom_list.lineType:before { content: ''; display: inline-block; width: 100%; height: 1px; background-color: #d0d0d0; margin: 0 17px; margin-bottom: 17px; }
.newsroom_list.lineType .newsroom-item { padding: 0 17px; margin-bottom: 17px; }
.newsroom_list.lineType .newsroom-item:after { content: ''; display: inline-block; width: 100%; height: 1px; background-color: #d0d0d0; margin-top: 17px; }
.newsroom_moreBtn { margin-top: 33px; display: flex; justify-content: center; align-items: flex-start; }
.newsroom_moreBtn a { position: relative; display: inline-block; width: 215px; height: 60px; border: 1px solid #222; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; }
.newsroom_moreBtn a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #222; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
.newsroom_moreBtn a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 10px; height: 10px; margin-top: -5px; border-bottom: 2px solid #222; border-right: 2px solid #222; box-sizing: border-box; transform: rotate(-45deg);
  -webkit-transition: border 0.25s ease;
  transition: border 0.25s ease;
}
.newsroom_moreBtn a span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
.newsroom_moreBtn a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #222;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.newsroom_moreBtn a:hover:before { width: 100%; }
.newsroom_moreBtn a:hover:after { border-color: #fff; transition-delay: 0.35s; }
.newsroom_moreBtn a:hover span { color: #fff; }
.newsroom_moreBtn a:hover span:before { left: 100%; transition-delay: 0.35s; }


[id*='newsroom_sec_'] + [id*='newsroom_sec_'] > .inner {  }
[id*='newsroom_sec_'] .newsroom_head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
[id*='newsroom_sec_'] .newsroom_head .title { font-size: 24px; font-weight: bold; color: #222; text-transform: uppercase; }
[id*='newsroom_sec_'] .newsroom_head .title img { width: 30px; display: inline-block; vertical-align: baseline; margin-left: 5px; }
[id*='newsroom_sec_'] .newsroom_head .link { font-size: 15px;  color: #333; margin-right: 10px; }
[id*='newsroom_sec_'] .newsroom_head .link:after { content: ''; display: inline-block; width: 8px; height: 8px; margin-left: 5px; margin-bottom: 2px; box-sizing: border-box; border-bottom: 2px solid #6c6c6c; border-right: 2px solid #222; transform: rotate(-45deg); }


#newsroom_sec_01 { min-height: auto; }
#newsroom_sec_01 .newsroom_list { overflow: unset; }
#newsroom_sec_02 { background-color: #f5f5f7; min-height: auto; }

#newsroom_sec_03 { min-height: auto; }
#newsroom_sec_03 > .inner { padding-top: 4%; max-width: 980px !important; }
#newsroom_sec_03 .newsroom_head { display: block; text-align: center; position: relative; margin-bottom: 50px; }
#newsroom_sec_03 .newsroom_head .title { font-size: 35px; color: #fff; }
#newsroom_sec_03 .newsroom_head .link { color: #00a2e1; position: absolute; bottom: 0; right: 0; }
#newsroom_sec_03 .newsroom_head .link:after { border-color: #00a2e1; }
#newsroom_sec_03_slider { overflow: inherit; }
#newsroom_sec_03_slider .swiper-pagination { position: static; margin-top: 40px; }
#newsroom_sec_03_slider .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; margin: 0 10px; }
#newsroom_sec_03_slider .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; }

#newsroom_sec_04 { min-height: auto; }
#newsroom_sec_04 > .inner { padding-top: 4%; }
#newsroom_sec_04 .newsroom-item-article.type2 .cont { padding: 20px 40px; }
#newsroom_sec_04 .newsroom-item-article.type2 .cont .tit { font-size: 26px; line-height: 35px; height: 70px; max-width: 470px; }

#newsroom_sec_05 { background-color: #f5f5f7; min-height: auto; }
#newsroom_sec_05 .newsroom-item-article {  }
#newsroom_sec_05 .newsroom-item-article .cont { padding: 20px; }
#newsroom_sec_05 .newsroom-item-article .cont .txt { font-size: 15px; line-height: 22px; height: 44px; overflow: hidden; }
#newsroom_sec_05 .newsroom-item-article .cont .date { margin-top: 0; }

#newsroom_list_section { align-items: flex-start; }
#newsroom_list_section > .inner { max-width: 1300px; }
#newsroom_list_section .secTitle { font-size: 30px; font-weight: bold; color: #222; margin-bottom: 25px; }
#newsroom_list_section .secTitle span { font-weight: normal; }
#newsroom_list_section .newsroom_list.lineType:before { height: 2px; background-color: #333; margin-bottom: 30px; }
#newsroom_list_section .newsroom_list.lineType > li { margin-bottom: 30px; }
#newsroom_list_section .newsroom_list.lineType > li:after { margin-top: 30px; }

#newsroom-top-visual-wrap { background: url(../images/pr/kv_bg_0603.png) top center no-repeat; background-size: contain; padding-top: 2%; }
#newsroom-top-visual { width: 100%; max-width: 1300px; border-radius: 10px; box-shadow: 7px 10px 27px 0px rgba(0, 0, 0, 0.05); }
#newsroom-top-visual .newsroom-item-article { border-radius: 0; }
#newsroom-top-visual .newsroom-item-article .img picture { padding-top: 620px; }
#newsroom-top-visual .newsroom-item-article .cont > * { margin: 0 auto; max-width: 1300px; }
#newsroom-top-visual .newsroom-item-article .cont .tag { background-color: #307fe0; border-color: #307fe0; border-radius: 10px 0 10px 0; font-size: 14px; }
#newsroom-top-visual .newsroom-item-article .cont .tit { max-width: 900px; height: auto; }
#newsroom-top-visual .newsroom-item-article .cont .tit a { color: #fff; }

#newsroom-top-visual .swiper-prev,
#newsroom-top-visual .swiper-next { position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); }
#newsroom-top-visual .swiper-prev { left: 4%; }
#newsroom-top-visual .swiper-next { right: 4%; }
#newsroom-top-visual .swiper-prev button, 
#newsroom-top-visual .swiper-next button { width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.2); border: 0; border-radius: 100%; cursor: pointer; font-size: 0; background-repeat: no-repeat; background-position: center; 
  -webkit-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
#newsroom-top-visual .swiper-prev button { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M13.500,20.216 L12.917,20.804 L12.467,20.350 L12.017,20.804 L11.567,20.350 L11.117,20.804 L1.020,10.613 L1.137,10.494 L0.900,10.254 L10.965,0.096 L11.415,0.550 L11.865,0.096 L12.315,0.550 L12.765,0.096 L13.346,0.681 L3.746,10.371 L13.500,20.216 Z'/%3E%3C/svg%3E"); } 
#newsroom-top-visual .swiper-next button { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.863,10.494 L12.980,10.613 L2.882,20.804 L2.432,20.350 L1.983,20.804 L1.532,20.350 L1.082,20.804 L0.500,20.216 L10.254,10.371 L0.654,0.681 L1.235,0.096 L1.684,0.550 L2.135,0.096 L2.585,0.550 L3.035,0.096 L13.100,10.254 L12.863,10.494 Z'/%3E%3C/svg%3E"); }
#newsroom-top-visual .swiper-prev button:hover, 
#newsroom-top-visual .swiper-next button:hover { background-color: rgba(0, 0, 0, 1); }

#media_modal.modal { max-width: 1100px; width: 100%; overflow: inherit; }
#media_modal.modal > .inner { box-sizing: border-box; }
#media_modal.modal > .inner .modal_content > .inner { padding: 0;  }
#media_modal.modal button.modal_close { cursor: pointer; font-size: 0; position: absolute; top: 0; left: 100%; z-index: 2; width: 60px; height: 60px; margin-left: 10px; border-radius: 100%; border: 0; background-size: 50%; background-color: #000; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M17.798,1.040 L9.834,9.004 L17.706,16.877 L16.877,17.706 L9.004,9.833 L1.040,17.797 L0.202,16.960 L8.166,8.995 L0.294,1.123 L1.123,0.294 L8.996,8.166 L16.960,0.202 L17.798,1.040 Z'/%3E%3C/svg%3E"); }
#media_modal.modal .mov { padding: 0; padding-top: 56.25%; background-color: #000; position: relative; overflow: hidden; }
#media_modal.modal .mov iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#media_modal.modal .cont { padding: 40px 50px; padding-right: 280px; position: relative; }
#media_modal.modal .cont .tit { font-size: 24px; font-weight: bold; line-height: 27px; color: #333; margin-bottom: 20px; }
#media_modal.modal .cont .txt { font-size: 16px; line-height: 25px; color: #787878; }
#media_modal.modal .cont .btn { position: absolute; top: 45px; right: 35px; }


#photo_modal.modal { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
#photo_modal.modal > .inner { background-color: rgba(0, 0, 0, 0.5); }
#photo_modal.modal > .inner .modal_content > .inner { padding: 0; }
#photo_modal.modal button.modal_close { cursor: pointer; font-size: 0; position: absolute; top: 20px; right: 20px; z-index: 2; width: 60px; height: 60px; margin-left: 10px; border-radius: 100%; border: 0; background-size: 50%; background-color: #000; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M17.798,1.040 L9.834,9.004 L17.706,16.877 L16.877,17.706 L9.004,9.833 L1.040,17.797 L0.202,16.960 L8.166,8.995 L0.294,1.123 L1.123,0.294 L8.996,8.166 L16.960,0.202 L17.798,1.040 Z'/%3E%3C/svg%3E"); }

#photo_modal_slider {  }
#photo_modal_slider .swiper-slide { display: flex; align-items: center; justify-content: center; height: 100vh; }
#photo_modal_slider .swiper-prev,
#photo_modal_slider .swiper-next { position: absolute; top: 50%; transform: translateY(-50%); width: 100px; height: 100px; background-color: transparent; z-index: 2; padding: 0; border: 0; cursor: pointer; }
#photo_modal_slider .swiper-prev { left: 30px; }
#photo_modal_slider .swiper-next { right: 30px; }
#photo_modal_slider .swiper-prev:before { content: ''; display: inline-block; width: 50px; height: 50px; border-bottom: 3px solid #fff; border-left: 3px solid #fff; box-sizing: border-box; transform: rotate(45deg); }
#photo_modal_slider .swiper-next:before { content: ''; display: inline-block; width: 50px; height: 50px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; box-sizing: border-box; transform: rotate(-45deg); }

#newsroom_view_section { min-height: auto; }
#newsroom_view_section > .inner { max-width: 820px; }
#newsroom_view_section .newsroom_view_head { border-bottom: 1px solid #d6d6d6; padding: 30px 0; padding-top: 0; }
#newsroom_view_section .newsroom_view_head .cate { font-size: 16px; color: #00a2e1; margin-bottom: 15px; }
#newsroom_view_section .newsroom_view_head .title { font-size: 40px; color: #222; line-height: 45px; font-weight: bold; margin-bottom: 15px; margin-bottom: 30px; }
#newsroom_view_section .newsroom_view_head .date { font-size: 14px; color: #7b7b7b; }
#newsroom_view_section .newsroom_view_head .file_list { margin-top: 20px; }
#newsroom_view_section .newsroom_view_head .file_list ul li { display: inline-block; margin-right: 20px; }
#newsroom_view_section .newsroom_view_head .file_list ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#newsroom_view_section .newsroom_view_head .file_list ul li a { display: inline-block; font-size: 13px; color: #848796; border-bottom: 1px solid #848796; }
#newsroom_view_section .newsroom_view_body { min-height: 50vh; padding: 50px 0; box-sizing: border-box; }

#newsroom_view_section .newsroom_view_foot { border-bottom: 1px solid #d6d6d6; padding: 30px 0; }
#newsroom_view_section .newsroom_view_foot .tag_list { display: flex; }
#newsroom_view_section .newsroom_view_foot .tag_list .tit { font-size: 14px; color: #333; font-weight: bold; margin-right: 30px; line-height: 30px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul {  }
#newsroom_view_section .newsroom_view_foot .tag_list ul li { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul li a { display: block; font-size: 14px; color: #666; background-color: #ebebeb; height: 30px; line-height: 30px; border-radius: 3px; padding: 0 15px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul li a:hover { background-color: #00578a; color: #fff; }

#newsroom_view_section .newsroom_view_foot .file_list ul li { display: inline-block; margin-right: 20px; }
#newsroom_view_section .newsroom_view_foot .file_list ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#newsroom_view_section .newsroom_view_foot .file_list ul li a { display: inline-block; font-size: 13px; color: #848796; border-bottom: 1px solid #848796; }
#newsroom_view_section .viewList { display: block; margin: 0 auto; margin-top: 30px; width: 150px; height: 50px; line-height: 50px; border: 1px solid #333; font-size: 16px; color: #333; text-align: center; }


/* Introduc */
#introduce_01_sec_01 {  }
#introduce_01_sec_01 > .inner { max-width: 1400px; padding: 120px 0; padding-top: 60px; }
#introduce_01_sec_01 .overview { position: relative; padding-bottom: 70px; margin-bottom: 40px; }
#introduce_01_sec_01 .overview:before { content: ''; width: 100px; height: 430px; opacity: 0; background: url(../images/introduce/introduce_1_overview.png) center no-repeat; background-size: contain; position: absolute; right: 100%; top: 0; transform: translateY(100px); }
#introduce_01_sec_01 .overview.is-show:before { -webkit-transition: all 0.5s ease; transition: all 0.5s ease;transform: translateY(0); opacity: 1; }
#introduce_01_sec_01 .overview .title { font-size: 40px; font-weight: bold; line-height: 55px; color: #222; margin-bottom: 50px; }
#introduce_01_sec_01 .overview .text { font-size: 20px; line-height: 38px; color: #5a5959; max-width: 1135px; }
#introduce_01_sec_01 .obj { position: relative; }
#introduce_01_sec_01 .obj .circle { position: absolute; right: -20px; top: -110px; z-index: -1; }
#introduce_01_sec_01 .obj .circle img { animation-name:spinCircle; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; }
#introduce_01_sec_01 .obj .img { display: flex; justify-content: center }
#introduce_01_sec_01 .obj .img picture + picture { margin-left: 5px; margin-top: 130px; }

@keyframes spinCircle {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

#introduce_01_sec_02 {  }
#introduce_01_sec_02 > .inner { max-width: 1200px; padding: 140px 0; }
#introduce_01_sec_02 .title { font-size: 45px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 40px; }
#introduce_01_sec_02 ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 68px 1fr 68px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 30px 68px; }
#introduce_01_sec_02 ul li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#introduce_01_sec_02 ul li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#introduce_01_sec_02 ul li:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
#introduce_01_sec_02 ul li:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 1; }
#introduce_01_sec_02 ul li:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 3; }
#introduce_01_sec_02 ul li:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 5; }
#introduce_01_sec_02 ul li { width: 100%; height: 250px; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; text-align: center; padding: 20px; padding-top: 50px; }
#introduce_01_sec_02 ul li .tit { font-size: 16px; color: #fff; line-height: 38px; margin-bottom: 20px; position: relative; }
#introduce_01_sec_02 ul li .tit:after { content: ''; width: 11px; height: 4px; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='4px'%3E%3Cpath fill-rule='evenodd' opacity='0.302' fill='rgb(255, 255, 255)' d='M9.000,4.000 C7.895,4.000 7.000,3.104 7.000,2.000 C7.000,0.895 7.895,-0.000 9.000,-0.000 C10.105,-0.000 11.000,0.895 11.000,2.000 C11.000,3.104 10.105,4.000 9.000,4.000 ZM2.000,4.000 C0.895,4.000 -0.000,3.104 -0.000,2.000 C-0.000,0.895 0.895,-0.000 2.000,-0.000 C3.105,-0.000 4.000,0.895 4.000,2.000 C4.000,3.104 3.105,4.000 2.000,4.000 Z'/%3E%3C/svg%3E"); }
#introduce_01_sec_02 ul li .txt { font-size: 24px; color: #fff; line-height: 38px; font-weight: bold; }
#introduce_01_sec_02 ul li .txt small { font-size: 16px; font-weight: normal; line-height: 25px; display: inline-block; }


[id*='introduce_02_sec_'] { min-height: auto; }
[id*='introduce_02_sec_'] > .inner { max-width: 1400px; }
[id*='introduce_02_sec_'] h4 { font-size: 26px;  color: #333; font-weight: 500; }
[id*='introduce_02_sec_'] .image { margin-top: 40px; background: #fff; text-align: center; }
[id*='introduce_02_sec_'] .image img { margin: 0 auto; }
[id*='introduce_02_sec_'] .image.diagram { border: 1px #ccc solid; background: #fff; padding: 20px; }
[id*='introduce_02_sec_'] .image.diagram img { margin: 0 auto; }
[id*='introduce_02_sec_'] .image .innertext { margin-top: 0; padding: 0 40px 40px 40px; text-align: left; }
[id*='introduce_02_sec_'] p { margin-top: 30px; font-size: 17px; line-height: 26px; }

[id*='introduce_03_sec_'] { min-height: auto; }
[id*='introduce_03_sec_'] > .inner { max-width: 1400px; }
[id*='introduce_03_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: relative; padding-bottom: 15px; }
[id*='introduce_03_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='introduce_03_sec_'] .contText { text-align: center; margin-top: 40px; font-size: 45px; font-weight: bold; line-height: 60px; color: #222; }
#introduce_03_sec_01 > .inner { padding: 120px 0; padding-top: 60px; }
#introduce_03_sec_02 > .inner { padding: 100px 0; }
#introduce_03_sec_02 > .bg .img { height: 125%; }
#introduce_03_sec_02 .secTitle { color: #fff;}
#introduce_03_sec_02 .secTitle:after { background-color: #fff; }
#introduce_03_sec_02 .contText { padding: 120px 0 180px; margin-top: 0; color: #fff; }
#introduce_03_sec_03 .obj { margin-top: -80px; text-align: center; }
#introduce_03_sec_03 .obj img { display: inline-block; }
#introduce_03_sec_04 > .inner { padding-top: 0; }
#introduce_03_sec_04 .secTitle { position: absolute; top: 0; left: 0; }
#introduce_03_sec_04 ul { margin-left: 225px; }
#introduce_03_sec_04 ul li { background-color: #f9f9f9; width: 100%; height: 220px; background-color: #f9f9f9; display: flex; align-items: center; }
#introduce_03_sec_04 ul li + li { margin-top: 10px; }
#introduce_03_sec_04 ul li .obj { width: 260px; }
#introduce_03_sec_04 ul li .obj img { margin: 0 auto; }
#introduce_03_sec_04 ul li .tit { font-size: 30px; font-weight: bold; line-height: 30px; color: #333; margin-bottom: 10px; }
#introduce_03_sec_04 ul li .tit span { font-size: 20px; line-height: 30px; font-weight: normal; color: #1b4dc0; margin-left: 10px; display: inline-block; }
#introduce_03_sec_04 ul li .txt { font-size: 20px; line-height: 30px; color: #666; }


/* Message */
/* #message_sec { background: url(../images/introduce/message_bg.png) right 5% top 1% no-repeat; } */
#message_sec > .inner { width: 90%; max-width: 1400px; margin: 0 auto; padding: 100px 0; }
#message_sec .top { display: flex; flex-direction: row-reverse; margin-bottom: 90px; align-items: center; justify-content: space-between; }
#message_sec .top .obj { width: 45%; text-align: center; padding-top: 150px; background: url(../images/introduce/message_bg.png) right 5% top 50% no-repeat; background-size: contain;}
#message_sec .top .obj img { display: inline-block; max-width: 460px; }
#message_sec .top .cont { width: 55%; padding-bottom: 30px; padding-right: 0px; }
#message_sec .title { font-size: 38px; line-height: 55px; font-weight: bold; color: #222; margin-bottom: 40px; padding-right: 25px; }
#message_sec .text { font-size: 20px; line-height: 36px; color: #5a5959; padding-right: 25px; }
#message_sec .name { display: flex; justify-content: flex-end; padding-right: 25px; font-size: 20px; line-height: 35px; color: #222; margin-top: 75px; }
#message_sec .name span { padding-left: 20px; font-size: 35px; font-weight: 500; }
#message_sec .name img { display: inline-block; margin-left: 30px; vertical-align: middle; }

/* History */
#history_sec_01 { min-height: auto; background: url(../images/introduce/history_sec_01_bg.png) right top 100px no-repeat; }
#history_sec_01 > .inner { width: 90%; max-width: 1400px; margin: 0 auto; padding-top: 100px; }
#history_sec_01 .subTitle { font-size: 50px; line-height: 60px; color: #333; font-weight: bold; margin-bottom: 40px; }
#history_sec_01 .subCont { background-color: #f5f5f5; width: 94%; padding: 80px 100px; padding-right: 360px; box-sizing: border-box; border-top-left-radius: 60px; position: relative; }
#history_sec_01 .subCont .obj { position: absolute; bottom: 0; right: -5%; }
#history_sec_01 .subCont .txt { font-size: 20px; line-height: 40px; color: #333; margin-bottom: 40px; }
#history_sec_01 .subCont .btn a { display: inline-block; position: relative; display: inline-block; width: 245px; height: 60px; border: 1px solid #222; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 25px; }
#history_sec_01 .subCont .btn a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #005793; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#history_sec_01 .subCont .btn a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_b.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#history_sec_01 .subCont .btn a + a { margin-left: 8px; }
#history_sec_01 .subCont .btn a span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#history_sec_01 .subCont .btn a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #005793;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#history_sec_01 .subCont .btn .btn:hover { border-color: #005793; }
#history_sec_01 .subCont .btn a:hover:before { width: 100%; }
#history_sec_01 .subCont .btn a:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#history_sec_01 .subCont .btn a:hover span { color: #fff; }
#history_sec_01 .subCont .btn a:hover span:before { left: 100%; transition-delay: 0.35s; }

#history_sec_02 { min-height: auto; }
#history_sec_02 > .inner { width: 90%; max-width: 1400px; margin: 0 auto; padding-top: 0; padding-bottom: 0; }
#history_sec_02 .subTitle { font-size: 50px; line-height: 60px; color: #333; font-weight: bold; margin-bottom: 40px; }
#history_sec_02 .history_list { padding-top: 150px; position: relative; }
#history_sec_02 .history_list .sec { padding-left: 50%; }
#history_sec_02 .history_list .cont { position: absolute; left: 0; top: 100px; visibility: hidden; opacity: 0; width: 50%;
  -webkit-transition: opacity 0.75s ease;
  transition: opacity 0.75s ease;
}
#history_sec_02 .history_list .sec.active .cont { visibility: visible; opacity: 1; }
#history_sec_02 .history_list .cont .title { margin-bottom: 30px; }
#history_sec_02 .history_list .cont .title .t1 { font-size: 25px; line-height: 1; font-weight: bold; color: #222; margin-bottom: 15px; }
#history_sec_02 .history_list .cont .title .t1 span { font-size: 20px; color: #8b8b8b; margin-left: 15px; }
#history_sec_02 .history_list .cont .title .t2 { font-size: 40px; font-weight: bold; color: #222; }
#history_sec_02 .history_list ul { margin-left: auto; width: 50%; position: relative; box-sizing: border-box; }
/*#history_sec_02 .history_list ul:before { content: ''; position: absolute; top: 0; bottom: 0; left: -2px; width: 4px; background-color: #b9daee; }*/
#history_sec_02 .history_list ul li { padding-left: 45px; position: relative; padding-bottom: 60px; }
#history_sec_02 .history_list ul li:before { content: ''; position: absolute; top: 5px; left: -10px; z-index: 1; width: 20px; height: 20px; box-sizing: border-box; border: 5px solid #00578a; background-color: #fff; border-radius: 50%; transform: scale(0); 
  -webkit-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
}
#history_sec_02 .history_list ul li:after { content: ''; position: absolute; top: 0; bottom: 0; left: -2px; width: 4px; background-color: #ccc; 
  -webkit-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
#history_sec_02 .history_list .sec + .sec ul li:first-child { padding-top: 170px; }
#history_sec_02 .history_list .sec + .sec ul li:first-child:before { top: 175px; }
#history_sec_02 .history_list .sec + .sec ul li.tit:first-child:before { top: 180px; }
#history_sec_02 .history_list ul li .date { font-size: 30px; color: #333; line-height: 1; font-family: 'Metropolis-Bold', sans-serif; margin-bottom: 5px; }
#history_sec_02 .history_list ul li .date span { font-size: 20px; margin-left: 5px; display: inline-block; }
#history_sec_02 .history_list ul li .text { font-size: 18px; line-height: 30px; color: #222; }
#history_sec_02 .history_list ul li.tit { padding-bottom: 30px; }
#history_sec_02 .history_list ul li.tit:before { background-color: #00578a; width: 12px; height: 12px; top: 180px; left: -6px; border: 0; }
#history_sec_02 .history_list ul li.tit .text { font-weight: bold; color: #00578a; }
#history_sec_02 .history_list .sec.founding { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 120px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 120px; padding-bottom: 60px; }
#history_sec_02 .history_list .sec.founding ul.left { -ms-grid-row: 1; -ms-grid-column: 1; }
#history_sec_02 .history_list .sec.founding ul.right { -ms-grid-row: 1; -ms-grid-column: 3; }
#history_sec_02 .history_list .sec.founding ul { margin-left: 0; width: 100%; }
#history_sec_02 .history_list .sec.founding ul.left:after { content: ''; width: 1px; height: 86px; background-color: #60a2e6; position: absolute; top: 100%; right: 0; transform: rotate(-45deg); transform-origin: top; }
#history_sec_02 .history_list .sec.founding ul.left li { padding-left: 0; padding-right: 45px; text-align: right; }
#history_sec_02 .history_list .sec.founding ul.left li:before { left: auto; right: -10px; border-color: #60a2e6; }
#history_sec_02 .history_list .sec.founding ul.left li:after { left: auto; right: 0; width: 1px; background-color: #ccc; }
#history_sec_02 .history_list .sec.founding ul.left li.tit:before { top: 10px; right: -5.5px; background-color: #60a2e6; }
#history_sec_02 .history_list .sec.founding ul.left li.tit:after { top: 10px; }
#history_sec_02 .history_list .sec.founding ul.left li.tit .text { color: #00578a; }
#history_sec_02 .history_list .sec.founding ul.right:after { content: ''; width: 1px; height: 86px; background-color: #00b2c9; position: absolute; top: 100%; left: 0; transform: rotate(45deg); transform-origin: top; }
#history_sec_02 .history_list .sec.founding ul.right li:before { left: -10px; border-color: #00b2c9; }
#history_sec_02 .history_list .sec.founding ul.right li:after { left: 0; width: 1px; background-color: #ccc; }
#history_sec_02 .history_list .sec.founding ul.right li.tit:before { top: 10px; left: -5.5px; background-color: #00b2c9; }
#history_sec_02 .history_list .sec.founding ul.right li.tit:after { top: 10px; }
#history_sec_02 .history_list .sec.founding ul.right li.tit .text { color: #00578a; }
#history_sec_02 .history_list ul li.active:before { transform: scale(1); }
#history_sec_02 .history_list ul li.active:after { background-color: #b9daee; }
#history_sec_02 .history_list .sec.founding ul.left li.active:after { background-color: #60a2e6; }
#history_sec_02 .history_list .sec.founding ul.right li.active:after { background-color: #00b2c9; }

/* CI */
[id*='ci_sec_'] { min-height: auto; }
[id*='ci_sec_'] > .inner { max-width: 1400px; }
[id*='ci_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: relative; padding-bottom: 15px; margin-bottom: 40px; }
[id*='ci_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }

#ci_sec_01 .text { display: table; width: 100%; margin-bottom: 50px; }
#ci_sec_01 .text > * { display: table-cell; vertical-align: top; }
#ci_sec_01 .text .t1 { width: 340px; padding-right: 30px; box-sizing: border-box; font-size: 25px; font-weight: bold; line-height: 30px; color: #333; }
#ci_sec_01 .text .t2 { font-size: 20px; line-height: 36px; color: #5a5959; letter-spacing: -0.02rem;}

#ci_sec_02 .cont { padding-left: 280px; position: relative; }
#ci_sec_02 .cont + .cont { margin-top: 80px; }
#ci_sec_02 .cont .tit { position: absolute; top: 0; left: 0; font-size: 20px; line-height: 30px; color: #333; }
#ci_sec_02 .cont ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
#ci_sec_02 .cont ul li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#ci_sec_02 .cont ul li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#ci_sec_02 .cont .btns { margin-top: 30px; }
#ci_sec_02 .cont .btns a { display: inline-block; }
#ci_sec_02 .cont .btns a + a { margin-left: 8px; }
#ci_sec_02 .cont .btns a { position: relative; display: inline-block; width: 200px; height: 60px; border: 1px solid #222; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#ci_sec_02 .cont .btns a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #333; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#ci_sec_02 .cont .btns a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#ci_sec_02 .cont .btns a span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#ci_sec_02 .cont .btns a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #333;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#ci_sec_02 .cont .btns a:hover { border-color: #333; }
#ci_sec_02 .cont .btns a:hover:before { width: 100%; }
#ci_sec_02 .cont .btns a:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#ci_sec_02 .cont .btns a:hover span { color: #fff; }
#ci_sec_02 .cont .btns a:hover span:before { left: 100%; transition-delay: 0.35s; }

/* Workplace */
[id*='workplace_sec_'] > .inner { max-width: 1400px; }
[id*='workplace_sec_'] .map { text-align: center; margin-bottom: 50px; }
[id*='workplace_sec_'] .map img { display: inline-block; }
[id*='workplace_sec_'] .workplace .country { font-size: 25px; line-height: 34px; font-weight: bold; color: #222; border-bottom: 2px solid #333; padding-bottom: 20px; }
[id*='workplace_sec_'] .workplace .title { font-size: 32px; line-height: 34px; font-weight: bold; color: #222; margin-top: 20px; }
[id*='workplace_sec_'] .workplace ul li { padding: 50px 35px; padding-right: 500px; border-bottom: 1px solid #d6d6d6; position: relative; }
[id*='workplace_sec_'] .workplace ul li.no_btn{padding-bottom: 150px;}
[id*='workplace_sec_'] .workplace ul li .img { display: inline-block; position: absolute; right: 12px; top: 60px; }
[id*='workplace_sec_'] .workplace ul li .name { font-size: 25px; line-height: 34px; font-weight: bold; color: #222; margin-bottom: 30px; }
[id*='workplace_sec_'] .workplace ul li table th { font-size: 16px; line-height: 34px; color: #222; width: 110px; padding: 2px 0; text-align: left; }
[id*='workplace_sec_'] .workplace ul li table td { font-size: 16px; line-height: 25px; color: #666; padding: 2px 0; }
[id*='workplace_sec_'] .workplace ul li .btn { margin-top: 40px; }
[id*='workplace_sec_'] .workplace ul li .btn a { display: inline-block; max-width: 360px; width: 100%; height: 60px; line-height: 58px; border: 1px solid #9a9a9a; box-sizing: border-box; text-align: center; font-size: 16px; color: #333; }
[id*='workplace_sec_'] .workplace ul li .btn a:before { content: ''; width: 21px; height: 27px; display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../images/ico/ico_local_map.png) center no-repeat; background-size: contain; }

/* 해외사업장 */
[id*='workplace_sec_'] .story{width: 100%; height: 100%; margin: 0 auto; letter-spacing: -0.05rem;}
[id*='workplace_sec_'] .story_tab .story_btn li{width: 34px; height: 44px;  background: url('../images/introduce/btn_off.png');background-repeat: no-repeat; background-size: contain; position: relative; }
[id*='workplace_sec_'] .story_tab .story_btn li a{ position: absolute; display: flex; justify-content:center; align-items: center; width: 140px; height: 100%; background-color: #666; border-radius: 100px; font-size: 20px; color: #fff; font-weight: 500; transition: 0.3s cubic-bezier(.9,.19,.49,.48);cursor: pointer; }
[id*='workplace_sec_'] .story_tab .story_btn li.active{background: url('../images/introduce/btn_on.png');background-repeat: no-repeat; background-size: contain; transition: 0.3s cubic-bezier(.9,.19,.49,.48);}
[id*='workplace_sec_'] .story_tab .story_btn li.active a, [id*='workplace_sec_'] .story_tab .story_btn li:focus a{background: #044b84; font-weight: 700; outline: none;}
[id*='workplace_sec_'] .story_tab .contentsWrap{width: 100%; margin-top: 0;}
[id*='workplace_sec_'] .story_tab .contentsWrap > div{display: none; width: 100%; transition: 0.2s;}

#workplace_sec_01 .story_tab .story_btn{width: 100%; height: 700px; background: url('../images/introduce/t1.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative;}
#workplace_sec_01 .story_tab .story_btn li a{ left: 40px;}
#workplace_sec_01 .story_tab .story_btn li:nth-child(1){position: absolute; left: 25%; top: 22%;}
#workplace_sec_01 .story_tab .story_btn li:nth-child(2){position: absolute; left: 75%; top: 39%;}
#workplace_sec_01 .story_tab .story_btn li:nth-child(3){position: absolute; left: 75%; top: 60%;}

/* 국내사업장 */
#workplace_sec_02 .story_tab .story_btn{width: 100%; height: 700px; background: url('../images/introduce/t2.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative;}
#workplace_sec_02 .story_tab .story_btn li:nth-child(1){position: absolute; left: 64%; top: 43%;}
#workplace_sec_02 .story_tab .story_btn li:nth-child(2){position: absolute; left: 49%; top: 35%;}
/* #workplace_sec_02 .story_tab .story_btn li:nth-child(3){position: absolute; left: 56%; top: 45%;} */
#workplace_sec_02 .story_tab .story_btn li:nth-child(3){position: absolute; left: 50%; top: 60%;}
#workplace_sec_02 .story_tab .story_btn li:nth-child(4){position: absolute; left: 46%; top: 11%;}
/* #workplace_sec_02 .story_tab .story_btn li:nth-child(3) a {right: 40px;}  */
#workplace_sec_02 .story_tab .story_btn li:nth-child(4) a, #workplace_sec_02 .story_tab .story_btn li:nth-child(2) a{right: 40px;} 
#workplace_sec_02 .story_tab .story_btn li:nth-child(3) a, #workplace_sec_02 .story_tab .story_btn li:nth-child(1) a{left: 40px;} 

/* Direction */
#direction_sec_01 > .inner { max-width: 1400px; padding: 125px 0; }
#direction_sec_01 ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; }
#direction_sec_01 ul li { width: 100%; border: 1px solid #ddd; padding: 30px; box-sizing: border-box; background-color: #fff; }
#direction_sec_01 ul li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#direction_sec_01 ul li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#direction_sec_01 ul li:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
#direction_sec_01 ul li:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 1; }
#direction_sec_01 ul li:nth-child(5) { -ms-grid-row: 2; -ms-grid-column: 3; }
#direction_sec_01 ul li:nth-child(6) { -ms-grid-row: 2; -ms-grid-column: 5; }
#direction_sec_01 ul li:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 1; }
#direction_sec_01 ul li:nth-child(8) { -ms-grid-row: 3; -ms-grid-column: 3; }
#direction_sec_01 ul li .img { display: inline-block; }
#direction_sec_01 ul li .img img { width: 100%; }
#direction_sec_01 ul li .cont { padding: 30px 10px 10px; }
#direction_sec_01 ul li .cont .tit { font-size: 25px; font-weight: bold; line-height: 34px; color: #333; margin-bottom: 20px; }
#direction_sec_01 ul li .cont .tit span { display: inline-block; margin: 0 10px; width: 2px; height: 20px; background-color: #afafaf; }
#direction_sec_01 ul li .cont .address { font-size: 16px; line-height: 34px; color: #666; margin-bottom: 20px; }
#direction_sec_01 ul li .cont .tel { font-size: 16px; line-height: 28px; color: #666; height: 28px; }
#direction_sec_01 ul li .cont .tel span { color: #333; margin-right: 10px; display: inline-block; }
#direction_sec_01 ul li .btn { margin-top: 20px; }
#direction_sec_01 ul li .btn a { display: inline-block; max-width: 360px; width: 100%; height: 60px; line-height: 60px; border: 1px solid #9a9a9a; text-align: center; font-size: 16px; color: #333; }
#direction_sec_01 ul li .btn a:before { content: ''; width: 21px; height: 27px; display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../images/ico/ico_local_map.png) center no-repeat; background-size: contain; }

/* Inquiry */
#inquiry_top { padding: 100px 0; }
#inquiry_top > .inner { max-width: 1200px; width: 90%; margin: 0 auto; }
#inquiry_top .box { padding: 70px 80px; padding-left: 240px; background-color: #fafafa; position: relative; }
#inquiry_top .ico { width: 70px; height: 81px; background: url(../images/support/inquiry_top_icon.png) center no-repeat; position: absolute; top: 76px; left: 93px; }
#inquiry_top .text { font-size: 20px; line-height: 35px; color: #333; margin-bottom: 40px; }
#inquiry_top .tit { font-size: 16px; font-weight: bold; color: #333; }
#inquiry_top * + .tit { margin-top: 30px; }
#inquiry_top .txt { margin-top: 20px; }
#inquiry_top .txt > li { font-size: 16px; color: #666; text-indent: -10px; padding-left: 10px; }
#inquiry_top .txt > li + li { margin-top: 10px; }
#inquiry_top .contact { margin-top: 40px; display: flex; }
#inquiry_top .contact > li { font-size: 16px; color: #666; margin-right: 30px; }
#inquiry_top .contact > li strong { font-weight: bold; color: #333; margin-right: 10px; }
#inquiry_top .btn { margin-top: 40px; }
#inquiry_top .btn button { display: inline-block; width: 166px; height: 47px; background-color: #333; border: 0; font-size: 16px; color: #fff; border-top-left-radius: 13px; border-bottom-right-radius: 13px; cursor: pointer; }
#inquiry_top .btn button:focus { outline-width: 2px; outline-offset: -4px; outline-style: dashed; outline-color: #fff; }

#inquiry_agree { padding-bottom: 50px; }
#inquiry_agree > .inner { max-width: 1200px; width: 90%; margin: 0 auto; }
#inquiry_agree .agree_tit { font-size: 30px; font-weight: bold; color: #222; margin-bottom: 30px; }
#inquiry_agree .agree_box { background-color: #fff; border: 1px solid #d6d6d6; padding: 60px 70px; max-height: 380px; box-sizing: border-box; overflow-y: auto; }
#inquiry_agree .agree_box .tit { font-size: 20px; line-height: 30px; font-weight: bold; color: #333; margin-bottom: 30px; }
#inquiry_agree .agree_box .txt { font-size: 16px; line-height: 30px; color: #666; }
#inquiry_agree .agree_box .txt > li { padding-left: 17px; text-indent: -17px; }
#inquiry_agree .agree_chk { text-align: right; margin-top: 20px; }
#inquiry_agree .agree_chk label { font-size: 20px; }

#inquiry_form { padding-bottom: 120px; padding-top: 120px; }
* + #inquiry_form { padding-top: 0; }
#inquiry_form > .inner { max-width: 1200px; width: 90%; margin: 0 auto; }
#inquiry_form .form_head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
#inquiry_form > .inner .form_head_subtext { margin-bottom: 20px; }
#inquiry_form * + .form_head { margin-top: 60px; }
#inquiry_form .form_head .tit { font-size: 25px; font-weight: bold; color: #333; }
#inquiry_form .form_head .req { font-size: 15px; color: #333; }
#inquiry_form .form_head .req span { color: #00a2e1; }
#inquiry_form .form_table { width: 100%; border-top: 2px solid #333; }
#inquiry_form .form_table th { padding: 30px 15px; font-size: 16px; color: #333; text-align: left; width: 160px; box-sizing: border-box; border-bottom: 1px solid #ddd; vertical-align: top; }
#inquiry_form .form_table th.req:after { content: '*'; color: #00a2e1; }
#inquiry_form .form_table th label { display: inline-block; }
#inquiry_form .form_table td { padding: 25px 15px; border-bottom: 1px solid #dddddd; vertical-align: middle; }
#inquiry_form .form_table td.ipt_select { display: flex; }
#inquiry_form .form_table.read td { padding: 30px 15px; }

#inquiry_form .form_table .ipt { width: 100%; max-width: 800px; height: 40px; border: 1px solid #b3b3b3; padding: 0 15px; box-sizing: border-box; font-size: 16px; }
#inquiry_form .form_table span.span_text { display: block; padding-top: 5px; }
#inquiry_form .form_table select.ipt { max-width: 220px; }
#inquiry_form .form_table textarea.ipt { resize: none; min-height: 125px; padding: 15px; }
#inquiry_form .form_table .em { font-size: 14px; color: #d4331e; white-space: nowrap; }
#inquiry_form .form_btn { margin-top: 40px; text-align: center; }
#inquiry_form .form_btn .btn { display: inline-block; width: 265px; height: 70px; line-height: 70px; background-color: #082c41; font-size: 20px; color: #fff; border-radius: 70px; border: 0; cursor: pointer; }
#inquiry_form .form_btn .btn:focus { outline-width: 2px; outline-offset: -4px; outline-style: dashed; outline-color: #fff; }
#inquiry_form .notice_report{display: flex; gap: 5px; margin-top: 40px; background-color: #ededed; padding: 1rem;}
#inquiry_form .form_table .category_select { width: 50%; max-width: 800px; height: 40px; border: 1px solid #b3b3b3; padding: 0 15px; box-sizing: border-box; font-size: 16px; }

#confirm_modal { width: 600px; max-height: 95%; }
#confirm_modal button.modal_close { cursor: pointer; font-size: 0; position: absolute; top: 8%; transform: translateY(-50%); right: 20px; z-index: 2; width: 40px; height: 40px; padding: 0; border: 0; background-size: 50%; background-color: transparent; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.82 31.82'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23222222;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='30.41 0 0 30.41 1.41 31.82 31.82 1.42 31.82 1.41 30.41 0'/%3E%3Cpolygon class='cls-1' points='1.41 0 0 1.41 30.41 31.82 31.82 30.41 31.82 30.41 1.41 0'/%3E%3C/svg%3E"); }
#confirm_modal > .inner .modal_header { background-color: #fff; }
#confirm_modal > .inner .modal_header > h2 { font-size: 24px; color: #333; font-weight: bold; }
#confirm_modal > .inner .modal_content > .inner { position: relative; }
#confirm_modal > .inner .modal_content > .inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#confirm_modal > .inner .modal_content .text { font-size: 14px; margin-bottom: 20px; }
#confirm_modal > .inner .modal_content #inquiry_form { padding-bottom: 0; }
#confirm_modal > .inner .modal_content #inquiry_form .form_btn { padding-bottom: 20px; }
#confirm_modal > .inner .modal_content #inquiry_form .form_btn .btn { font-size: 16px; height: 50px; line-height: 50px; }





/* Paragraph Form */
[class*='paragraph_form_'] { width: 100%; line-height: 1.85; background-color: #fff; }
[class*='paragraph_form_'] > .inner { width: 100%; max-width: 820px; margin: 0 auto; box-sizing: border-box; }

.paragraph_form_emtext {  }
.paragraph_form_emtext .text { font-size: 16px; color: #666; margin-left: 5px; position: relative; padding-left: 20px; font-weight: bold; border-left: 3px solid #333; }

.paragraph_form_text { font-size: 16px; line-height: 1.7; }
.paragraph_form_text ul,
.paragraph_form_text ol { list-style: revert; padding: revert; }
.paragraph_form_text b { font-weight: bold; }
.paragraph_form_text a { color: #009f77; text-decoration: underline; text-underline-position: under; }

.paragraph_form_img > .inner { width: 100%; }
.paragraph_form_img ul { display: grid; grid-gap: 10px; }
.paragraph_form_img ul > li .img { width: 100%; background-color: transparent; overflow: hidden; }
.paragraph_form_img ul > li img { width: 100%; cursor: pointer;  }
.paragraph_form_img.col_1 ul { grid-template-columns: repeat(1,1fr); }
.paragraph_form_img.col_2 ul { grid-template-columns: repeat(2,1fr); }
.paragraph_form_img.col_2 > .inner { width: 90%; }
.paragraph_form_img .caption { font-size: 14px; color: #7b7b7b; text-align: left; font-style: italic; margin-top: 10px; }

.paragraph_form_img .imgSlider { width: 100%; height: 100%; }
.paragraph_form_img .imgSlider .item { max-width: 300px; }
.paragraph_form_img .imgSlider .item .img img { width: 100%; cursor: pointer; }
.paragraph_form_img .imgSlider .item .dec { padding: 15px 10px; line-height: 1.35; }
.paragraph_form_img .imgSlider .item .dec .tit { font-size: 15px; font-weight: bold; }
.paragraph_form_img .imgSlider .item .dec .txt { font-size: 13px; margin-top: 10px; }
.paragraph_form_img .imgSlider .swiper-button-prev,
.paragraph_form_img .imgSlider .swiper-button-next { width: 44px; height: 44px; outline: none; cursor: pointer; border-radius: 100%; }
.paragraph_form_img .imgSlider .swiper-button-prev:after,
.paragraph_form_img .imgSlider .swiper-button-next:after { display: none; }
.paragraph_form_img .imgSlider .swiper-button-disabled { display: none; }
.paragraph_form_img .imgSlider .swiper-button-prev { background: rgba(0,0,0,0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cfilter id='qef1x33sja' width='287.5%25' height='433.3%25' x='-93.8%25' y='-166.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='5'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter2'/%3E%3CfeGaussianBlur in='shadowOffsetOuter2' result='shadowBlurOuter2' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter2' result='shadowMatrixOuter2' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='shadowMatrixOuter2'/%3E%3C/feMerge%3E%3C/filter%3E%3Cpath id='m1x25c8fnb' d='M17.207 11.207l-5 5c-.196.195-.451.293-.707.293-.256 0-.512-.098-.707-.293l-7-7c-.39-.39-.39-1.024 0-1.414.39-.39 1.023-.39 1.414 0l6.293 6.292 6.293-6.292c.39-.39 1.023-.39 1.414 0 .39.39.39 1.023 0 1.414l-2 2z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9' transform='matrix(0 -1 -1 0 23.5 23.5)'%3E%3Cuse fill='%23000' filter='url(%23qef1x33sja)' xlink:href='%23m1x25c8fnb'/%3E%3Cuse fill='%23FFF' xlink:href='%23m1x25c8fnb'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat; }
.paragraph_form_img .imgSlider .swiper-button-next { background: rgba(0,0,0,0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cfilter id='cppa5kg0ya' width='287.5%25' height='433.3%25' x='-93.8%25' y='-166.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='5'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter2'/%3E%3CfeGaussianBlur in='shadowOffsetOuter2' result='shadowBlurOuter2' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter2' result='shadowMatrixOuter2' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='shadowMatrixOuter2'/%3E%3C/feMerge%3E%3C/filter%3E%3Cpath id='eh75qnn3qb' d='M18.207 11.207l-5 5c-.196.195-.451.293-.707.293-.256 0-.512-.098-.707-.293l-7-7c-.39-.39-.39-1.024 0-1.414.39-.39 1.023-.39 1.414 0l6.293 6.292 6.293-6.292c.39-.39 1.023-.39 1.414 0 .39.39.39 1.023 0 1.414l-2 2z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9' transform='matrix(0 1 1 0 .5 -.5)'%3E%3Cuse fill='%23000' filter='url(%23cppa5kg0ya)' xlink:href='%23eh75qnn3qb'/%3E%3Cuse fill='%23FFF' xlink:href='%23eh75qnn3qb'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat; }

.paragraph_form_video {  }
.paragraph_form_video .video_wrapper { position: relative; }
.paragraph_form_video .video_wrapper .video_img { position: relative; padding-top: 56.25%; width: 100%; height: 0; cursor: pointer; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #ebebeb; }
.paragraph_form_video .video_wrapper .video_img:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 15%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 1)'%3E%3Ccircle cx='25' cy='25' r='25.5' fill='%23202429' stroke='%23FFF' stroke-opacity='.2' opacity='.3'/%3E%3Cpath fill='%23FFF' d='M33.207 26.707L21.043 34.14c-.943.576-2.174.28-2.75-.663-.191-.314-.293-.675-.293-1.043V17.566c0-1.104.895-2 2-2 .368 0 .729.102 1.043.294l12.164 7.433c.943.576 1.24 1.807.664 2.75-.165.27-.393.498-.664.664z'/%3E%3C/g%3E%3C/svg%3E"); }
.paragraph_form_video .video_wrapper .video_content { position: absolute; top: 0; left: 0; z-index: 2; border: 0; width: 100%; max-width: 100%; height: 100%; }
.paragraph_form_video .caption { font-size: 11px; color: #666; margin-top: 10px; text-align: left; font-style: italic; }

.paragraph_form_banner > .inner { width: 90%; }
.paragraph_form_banner .banner_box { display: table; width: 100%; width: 100%; padding: 30px 5%; box-sizing: border-box; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 5px; }
.paragraph_form_banner .banner_box > * { display: table-cell; vertical-align: middle; }
.paragraph_form_banner .banner_box .cont { padding-right: 30px; position: relative; }
.paragraph_form_banner .banner_box .cont .tit { font-size: 18px; color: #fff; line-height: 1.2; font-weight: bold; }
.paragraph_form_banner .banner_box .cont .txt { font-size: 13px; color: #fff; line-height: 1.2; margin-top: 10px; }
.paragraph_form_banner .banner_box .cont .line { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 10px; height: 10px; box-sizing: border-box; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); }

.paragraph_form_prd .pTitle { font-size: 23px; font-weight: bold; line-height: 1.35; text-align: center; }
.paragraph_form_prd .pText { font-size: 13px; margin-top: 10px; text-align: center; }

.paragraph_form_prd .pItem { margin: 0 auto; margin-top: 20px; max-width: 370px; }
.paragraph_form_prd .pItem > .inner { display: grid; grid-template-columns: 40% auto; grid-gap: 20px; align-items: center; }
.paragraph_form_prd .pItem .dec { line-height: 1.3; padding: 10px 0; }
.paragraph_form_prd .pItem .dec .tit { font-size: 15px; font-weight: bold; }
.paragraph_form_prd .pItem .dec .txt1 { font-size: 13px; margin-top: 15px; font-weight: bold; }
.paragraph_form_prd .pItem .dec .txt2 { font-size: 13px; margin-top: 5px; }
.paragraph_form_prd .pItem .dec .txt3 { font-size: 13px; margin-top: 5px; }
.paragraph_form_prd .pItem .button { grid-column: span 2; }
.paragraph_form_prd .pItem .button .btn { font-size: 1.2em; font-weight: bold; background-color: #ccc; border-radius: 5px; display: block; border: 0; width: 100%; height: 50px; line-height: 50px; }

.paragraph_form_prd .prdList { display: flex; margin-top: 20px; }
.paragraph_form_prd .prdList .item { width: 100%; max-width: 650px; margin: 0 auto; }
.paragraph_form_prd .prdList .item + .item { margin-left: 10px; }
.paragraph_form_prd .prdList .item .img { background-color: #f6f6f6; }
.paragraph_form_prd .prdList .item .img img { width: 100%; }
.paragraph_form_prd .prdList .item .dec { padding: 15px; line-height: 1; }
.paragraph_form_prd .prdList .item .dec .tit { font-size: 15px; text-align: center; font-weight: bold; }
.paragraph_form_prd .prdList .item .dec .txt { font-size: 15px; margin-top: 10px; text-align: center; }
.paragraph_form_prd .prdList .item .dec .btn { font-size: 13px; font-weight: bold; background-color: #ccc; border-radius: 5px; display: block; border: 0; width: 100%; height: 50px; line-height: 50px; }
.paragraph_form_prd .prdList .item .dec * + .btn { margin-top: 20px; }

.paragraph_form_prd.col_2 .pTitle { text-align: left; }
.paragraph_form_prd.col_2 .pText { text-align: left; }
.paragraph_form_prd.col_2 .prdList .item .dec { padding: 15px 10px; }
.paragraph_form_prd.col_2 .prdList .item .dec .tit { font-size: 13px; line-height: 20px; text-align: left; height: 40px; overflow: hidden; }
.paragraph_form_prd.col_2 .prdList .item .dec .txt { font-size: 13px; line-height: 20px; text-align: left; height: 40px; overflow: hidden; }
.paragraph_form_prd.col_2 .prdList .item .dec .btn { font-size: 1.2em; height: 40px; line-height: 40px; }

.paragraph_form_prd .prdSlider { margin-left: -5%; margin-right: -5%; padding-left: 5%; padding-right: 5%; }
.paragraph_form_prd .prdSlider .item { width: auto; }
.paragraph_form_prd .prdSlider .item .dec { padding: 15px 0 !important; }
.paragraph_form_prd .prdSlider .item + .item { margin-left: 0; }
.paragraph_form_prd .prdSlider .swiper-button-prev,
.paragraph_form_prd .prdSlider .swiper-button-next { width: 44px; height: 44px; outline: none; cursor: pointer; border-radius: 100%; }
.paragraph_form_prd .prdSlider .swiper-button-prev { left: 5%; }
.paragraph_form_prd .prdSlider .swiper-button-next { right: 5%; }
.paragraph_form_prd .prdSlider .swiper-button-prev:after,
.paragraph_form_prd .prdSlider .swiper-button-next:after { display: none; }
.paragraph_form_prd .prdSlider .swiper-button-disabled { display: none; }
.paragraph_form_prd .prdSlider .swiper-button-prev { background: rgba(0,0,0,0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cfilter id='qef1x33sja' width='287.5%25' height='433.3%25' x='-93.8%25' y='-166.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='5'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter2'/%3E%3CfeGaussianBlur in='shadowOffsetOuter2' result='shadowBlurOuter2' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter2' result='shadowMatrixOuter2' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='shadowMatrixOuter2'/%3E%3C/feMerge%3E%3C/filter%3E%3Cpath id='m1x25c8fnb' d='M17.207 11.207l-5 5c-.196.195-.451.293-.707.293-.256 0-.512-.098-.707-.293l-7-7c-.39-.39-.39-1.024 0-1.414.39-.39 1.023-.39 1.414 0l6.293 6.292 6.293-6.292c.39-.39 1.023-.39 1.414 0 .39.39.39 1.023 0 1.414l-2 2z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9' transform='matrix(0 -1 -1 0 23.5 23.5)'%3E%3Cuse fill='%23000' filter='url(%23qef1x33sja)' xlink:href='%23m1x25c8fnb'/%3E%3Cuse fill='%23FFF' xlink:href='%23m1x25c8fnb'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat; }
.paragraph_form_prd .prdSlider .swiper-button-next { background: rgba(0,0,0,0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cfilter id='cppa5kg0ya' width='287.5%25' height='433.3%25' x='-93.8%25' y='-166.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='5'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter2'/%3E%3CfeGaussianBlur in='shadowOffsetOuter2' result='shadowBlurOuter2' stdDeviation='1'/%3E%3CfeColorMatrix in='shadowBlurOuter2' result='shadowMatrixOuter2' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='shadowMatrixOuter2'/%3E%3C/feMerge%3E%3C/filter%3E%3Cpath id='eh75qnn3qb' d='M18.207 11.207l-5 5c-.196.195-.451.293-.707.293-.256 0-.512-.098-.707-.293l-7-7c-.39-.39-.39-1.024 0-1.414.39-.39 1.023-.39 1.414 0l6.293 6.292 6.293-6.292c.39-.39 1.023-.39 1.414 0 .39.39.39 1.023 0 1.414l-2 2z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9' transform='matrix(0 1 1 0 .5 -.5)'%3E%3Cuse fill='%23000' filter='url(%23cppa5kg0ya)' xlink:href='%23eh75qnn3qb'/%3E%3Cuse fill='%23FFF' xlink:href='%23eh75qnn3qb'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat; }

.paragraph_form_button .btn { font-size: 1.2em; font-weight: bold; background-color: #ccc; border-radius: 5px; display: inline-block; border: 0; max-width: 375px; width: 100%; height: 50px; line-height: 50px; }




.ir_iframe { background: transparent; min-width: 100%; width: 1px; max-height: none; min-height: 0px; overflow-x: hidden; }


.ir-contents { max-width: 1400px; margin: 0 auto; position: relative; display: -ms-grid; display: grid;  -ms-grid-columns: auto 300px; grid-template-columns: auto 300px; padding-bottom: 100px; }
.ir-contents > * { width: 100%; box-sizing: border-box; }
.ir-contents > .ir_main_contents { -ms-grid-row: 1; -ms-grid-column: 1; }
.ir-contents > .ir_side_contents { -ms-grid-row: 1; -ms-grid-column: 2; }
.ir-contents .swiper-slide { min-height: 500px; background-color: #fff; visibility: hidden;}
.ir-contents .swiper-slide.swiper-slide-active {visibility: visible;}

.ir_main_contents { max-width: 1100px; }

.ir_side_contents { width: 300px; padding-left: 55px; box-sizing: border-box; }
.ir_side_contents > .inne {  }
.ir_side_contents .graph { margin-bottom: 55px; }
.ir_side_contents .graph iframe { overflow-x:hidden; overflow:auto; width:100%; min-height:410px; }
.ir_side_contents .btns { margin-bottom: 30px; }
.ir_side_contents .btns .tit { font-size: 14px; color: #858585; margin-bottom: 12px; }
.ir_side_contents .btns .link li + li { margin-top: 4px; }
.ir_side_contents .btns .link li a { display: block; font-size: 15px; line-height: 40px; color: #333; background-color: #ebebeb; padding-left: 20px; padding-right: 40px; position: relative; }
.ir_side_contents .btns .link li a:after { content: ''; position: absolute; top: 50%; right: 20px; width: 6px; height: 6px; box-sizing: border-box; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; margin-top: -3px; transform: rotate(-45deg); }
.ir_side_contents .btns .download li + li { margin-top: 4px; }
.ir_side_contents .btns .download li a { display: block; font-size: 13px; line-height: 40px; color: #333; background-color: #fff; padding-left: 20px; padding-right: 40p; border: 1px solid #dcdcdc; position: relative; }
.ir_side_contents .btns .download li a:before { content: ''; width: 16px; height: 16px; background: url(../images/ir/ico_pdf.png) center no-repeat; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -1px; }
.ir_side_contents .btns .download li a:after { content: ''; position: absolute; top: 50%; right: 20px; width: 16px; height: 16px; margin-top: -8px; background: url(../images/ir/ico_download.png) center no-repeat; }

.ir_table { border: 1px solid #d6d6d6; border-radius: 10px; padding: 40px; }
.ir_table .tb_head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
.ir_table * + .tb_head { margin-top: 60px; }
.ir_table .tb_head .tit { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 0; }
.ir_table .tb_head .select select { min-width: 120px; height: 35px; border: 0; border-bottom: 1px solid #d9d9d9; font-size: 14px; color: #333; }
.ir_table .tb_table { width: 100%; border-top: 2px solid #333; border-bottom: 1px solid #d6d6d6; }
.ir_table .tb_table thead th { font-size: 16px; color: #222; height: 60px; vertical-align: middle; border-bottom: 1px solid #d6d6d6; padding: 0 20px; }
.ir_table .tb_table thead th.bl{border-left: 1px solid #c6c6c6;}
.ir_table .tb_table tbody td { font-size: 16px; color: #666; height: 65px; vertical-align: middle; text-align: center; padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #d6d6d6; }
.ir_table .tb_table tbody td.tit { color: #333; font-weight: 500; }
.ir_table .tb_table tbody td.left { text-align: left; }
.ir_table .tb_table tbody td.right { text-align: right; }
.ir_table .tb_table.vote thead th { background-color: #f5f5f5; color: #333; font-weight: bold; }
.ir_table .tb_table.vote thead * + th,
.ir_table .tb_table.vote tbody * + td,
.ir_table .tb_table.vote tbody td.bl { border-left: 1px solid #c6c6c6;}


.ir_table .accordion {  }
.ir_table .accordion + .accordion { margin-top: 20px; }
.ir_table .accordion .acc_head { text-align: left; border: 1px solid #c6c6c6; background-color: #fff; width: 100%; height: 50px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #333; line-height: 50px; padding: 0 30px; cursor: pointer; position: relative; }
.ir_table .accordion .acc_head:after { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; position: absolute; right: 20px; top: 50%; margin-top: -2.5px; }
.ir_table .accordion .acc_body { background-color: #f5f5f5; padding: 20px 40px 60px; display: none; }
.ir_table .accordion .acc_body .text { font-size: 14px; line-height: 26px; color: #666; margin-bottom: 15px; }
.ir_table .accordion .acc_body .tb_table thead th { font-size: 14px; }
.ir_table .accordion .acc_body .tb_table tbody td { font-size: 14px; }

.ir_table .accordion.active .acc_head:after { transform: rotate(180deg); }
.ir_table .accordion.active .acc_head + .acc_body { display: block; }

.ir_table .tb_pageing { margin-top: 40px; text-align: center; }
.ir_table .tb_pageing li { display: inline-block; padding: 5px; }
.ir_table .tb_pageing li a { display: block; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid transparent; text-align: center; color: #555555; font-size: 16px; line-height: 35px; border-radius: 50%; }
.ir_table .tb_pageing li.active a { border-color: #163b79; color: #163b79; }
.ir_table .btn_st_01 { display: inline-block; width: 100px; height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #333; color: #333; background-color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; }
.ir_table .btn_st_02 { display: inline-block; width: 100px; height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #333; color: #333; background-color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; }
.ir_table .btn_st_03 { display: inline-block; width: 100px; height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #333; color: #333; background-color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; }
.ir_table .btn_st_04 { display: inline-block; height: 35px; line-height: 35px; padding: 0 25px; box-sizing: border-box; border: 1px solid #d6d6d6; color: #6d6d6d; background-color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; }
.ir_table .btn_st_04:after { content: ''; width: 10px; height: 10px; background: url(../images/ir/ico_link.png) center no-repeat; display: inline-block; margin-left: 8px; vertical-align: middle; margin-top: -2px; }
.ir_table .tab { display: flex; margin-bottom: 40px; }
.ir_table .tab > li + li { margin-left: 10px; }
.ir_table .tab > li button { display: inline-block; width: 170px; height: 40px; color: #333; background-color: #b6b6b6; border-radius: 3px; border: 0; cursor: pointer; }
.ir_table .tab > li.active button { background-color: #333; color: #fff; }
.ir_table .box { margin-bottom: 30px; border: 1px solid #ccc; background-color: #ebebeb; font-size: 16px; color: #666; padding: 20px; display: flex; justify-content: space-around }
.ir_table .box li + li { padding-left: 20px; }
.ir_table .tit { font-size: 24px; color: #333; margin-bottom: 20px; font-weight: bold; }
.ir_table .txt { font-size: 16px; color: #666; margin-bottom: 60px; line-height: 24px; }

.ir_contact { width: 100%; }
.ir_contact > .inner { margin-top: 60px; border: 1px solid #d6d6d6; border-radius: 10px; padding: 30px 50px; display: flex; justify-content: space-between; align-items: center; grid-column: 1 / span 1; }
.ir_contact .tit { font-size: 20px; font-weight: bold; color: #333; margin-right: 90px; }
.ir_contact .contact { display: flex; flex-grow: 1; }
.ir_contact .contact li { margin-right: 30px; font-size: 15px; color: #666; }
.ir_contact .contact li span { font-size: 13px; margin-right: 10px; display: inline-block; }
.ir_contact .btn a { display: inline-block; font-size: 15px; color: #fff; width: 170px; height: 50px; line-height: 50px; border-radius: 50px; background-color: #163b79; position: relative; padding: 0 30px; box-sizing: border-box; }
.ir_contact .btn a:after { content: ''; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; box-sizing: border-box; border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin-top: -5px; transform: rotate(-45deg); }


.ir_notice .tb_head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
.ir_notice .tb_head .search { position: relative; }
.ir_notice .tb_head .search input { width: 460px; height: 60px; box-sizing: border-box; border: 1px solid #c9c9c9; padding-left: 30px; padding-right: 80px; font-size: 20px; /*background: url(../images/pr/serch_ico.png) right no-repeat;*/ }
.ir_notice .tb_head .search input::placeholder { color: #b7b7b7; }
.ir_notice .tb_head .search button { position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url(../images/pr/serch_ico.png) center no-repeat; font-size: 0; border: 0; cursor: pointer; }

.ir_notice .tb_table { width: 100%; border-top: 2px solid #333; border-bottom: 1px solid #d6d6d6; }
.ir_notice .tb_table tbody td { font-size: 16px; color: #666; height: 80px; vertical-align: middle; text-align: center; padding: 10px 30px; box-sizing: border-box; border-bottom: 1px solid #c6c6c6; }
.ir_notice .tb_table tbody td.num { width: 100px; }
.ir_notice .tb_table tbody td.tit { font-size: 20px; color: #333; }
.ir_notice .tb_table tbody td.left { text-align: left; }
.ir_notice .tb_table tbody tr:hover td { background-color: #f5f5f5; }
.ir_notice .tb_table tbody .top td.tit { font-weight: bold; }
.ir_notice .tb_table tbody .top td.num { font-size: 20px; font-weight: bold; color: #333; }

.ir_notice .tb_pageing { margin-top: 40px; text-align: center; }
.ir_notice .tb_pageing li { display: inline-block; padding: 5px; }
.ir_notice .tb_pageing li a { display: block; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid transparent; text-align: center; /* color: #c4c4c4;*/ color: #585858; font-size: 16px; line-height: 35px; border-radius: 50%; }
.ir_notice .tb_pageing li.active a { border-color: #163b79; color: #163b79; }
.ir_notice .btn_st_01 { display: inline-block; width: 120px; height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #333; color: #333; background-color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; }
.ir_notice .btn_st_02 { display: inline-block; width: 120px; height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #333; color: #333; background-color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; }
.ir_notice .btn_st_03 { display: inline-block; width: 120px; height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #333; color: #333; background-color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; }
.ir_notice .btn_st_04 { display: inline-block; height: 35px; line-height: 35px; padding: 0 25px; box-sizing: border-box; border: 1px solid #d6d6d6; color: #6d6d6d; background-color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; }
.ir_notice .btn_st_04:after { content: ''; width: 10px; height: 10px; background: url(../images/ir/ico_link.png) center no-repeat; display: inline-block; margin-left: 8px; vertical-align: middle; margin-top: -2px; }
.ir_notice .tab { display: flex; margin-bottom: 40px; }




[id*='strategy_01_sec_'] { align-items: flex-start; min-height: auto; }
[id*='strategy_01_sec_'] > .inner { padding-left: 250px; }
[id*='strategy_01_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='strategy_01_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='strategy_01_sec_'] .secContents { min-height: 300px; }
[id*='strategy_01_sec_'] .titTop { font-size: 25px; font-weight: bold; color: #333; margin-bottom: 20px; }
[id*='strategy_01_sec_'] .txtBox { padding: 35px 40px; border: 1px solid #cbcbcb; margin-bottom: 60px; font-size: 16px; color: #666; line-height: 30px; }
[id*='strategy_01_sec_'] .objBox { margin-bottom: 50px; }
[id*='strategy_01_sec_'] .tit { font-size: 20px; line-height: 38px; font-weight: bold; color: #00578a; margin-bottom: 20px; }
[id*='strategy_01_sec_'] .tit2 { font-size: 16px; line-height: 38px; color: #333; }
[id*='strategy_01_sec_'] .txt { font-size: 16px; line-height: 30px; color: #666; padding-left: 20px; }
[id*='strategy_01_sec_'] .txt2 { font-size: 16px; line-height: 30px; color: #666; }
[id*='strategy_01_sec_'] .txt li { text-indent: -20px; }
[id*='strategy_01_sec_'] .txt dd { padding-left: 10px; text-indent: -10px; }
[id*='strategy_01_sec_'] .txt table { margin-left: 25px; margin-top: 10px; }
[id*='strategy_01_sec_'] .txt table th { font-size: 16px; line-height: 34px; color: #385b6f; padding-right: 30px; text-align: left; }
[id*='strategy_01_sec_'] .txt table td { font-size: 16px; line-height: 34px; color: #7b8f98; }
[id*='strategy_01_sec_'] .listBox { padding: 50px; background-color: #f6f6f6; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; font-size: 16px; font-weight: 500; color: #333; }
[id*='strategy_01_sec_'] .table { width: 100%; border-top: 2px solid #005789; }
[id*='strategy_01_sec_'] .table th { border-bottom: 1px solid #bbbbbb; font-size: 14px; line-height: 18px; color: #333; height: 55px; vertical-align: middle; text-align: center; }
[id*='strategy_01_sec_'] .table td { border-bottom: 1px solid #bbbbbb; font-size: 18px; line-height: 18px; color: #333; text-align: center; padding: 20px 0;  }
#strategy_01_sec_01 .img { margin-bottom: 55px; }
#strategy_01_sec_01 .text { font-size: 18px; line-height: 35px; color: #5a5959; padding: 0 10px; }
#strategy_01_sec_01 .name { margin-top: 60px; font-size: 18px; line-height: 35px; color: #222; padding: 0 10px; }
#strategy_01_sec_01 .date { font-size: 15px; color: #868686; }
#strategy_01_sec_03 .secContents { overflow: hidden; height: 400px; }
#strategy_01_sec_03 .secContents.active { height: auto; }
#strategy_01_sec_03 .secContents.active + .contents_moreBtn { display: none; }
#strategy_01_sec_03 .contents_moreBtn { margin-top: 33px; display: flex; justify-content: center; align-items: flex-start; }
#strategy_01_sec_03 .contents_moreBtn a { position: relative; display: inline-block; width: 215px; height: 60px; border: 1px solid #222; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#strategy_01_sec_03 .contents_moreBtn a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #222; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#strategy_01_sec_03 .contents_moreBtn a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 10px; height: 10px; margin-top: -7px; border-bottom: 2px solid #222; border-right: 2px solid #222; box-sizing: border-box; transform: rotate(45deg);
  -webkit-transition: border 0.25s ease;
  transition: border 0.25s ease;
}
#strategy_01_sec_03 .contents_moreBtn a span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#strategy_01_sec_03 .contents_moreBtn a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #222;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#strategy_01_sec_03 .contents_moreBtn a:hover:before { width: 100%; }
#strategy_01_sec_03 .contents_moreBtn a:hover:after { border-color: #fff; transition-delay: 0.35s; }
#strategy_01_sec_03 .contents_moreBtn a:hover span { color: #fff; }
#strategy_01_sec_03 .contents_moreBtn a:hover span:before { left: 100%; transition-delay: 0.35s; }

#strategy_01_sec_05 .inner { padding-top: 1em; padding-left: 0; }




[id*='strategy_02_sec_'] { align-items: flex-start; min-height: auto; }
[id*='strategy_02_sec_'] > .inner { padding-left: 250px; }
[id*='strategy_02_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='strategy_02_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='strategy_02_sec_'] .secContents { min-height: 300px; }
#strategy_02_sec_01 .img { margin-bottom: 55px; }
#strategy_02_sec_01 .title { margin-bottom: 30px; font-size: 30px; line-height: 40px; color: #222; }
#strategy_02_sec_01 .text { font-size: 18px; line-height: 35px; color: #5a5959; }
[id*='strategy_02_sec_'] .name { margin-top: 60px; font-size: 18px; line-height: 35px; color: #222; padding: 0 10px; }
#strategy_02_sec_01 .date { font-size: 15px; color: #868686; }
#strategy_02_sec_02 .title { font-size: 25px; font-weight: bold; color: #00578a; margin-bottom: 35px; }
#strategy_02_sec_02 .text { font-size: 16px; line-height: 30px; color: #666; margin-bottom: 35px; }
#strategy_02_sec_02 .obj { margin-bottom: 60px; }
#strategy_02_sec_02 .element { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 14px; margin-bottom: 60px; }
#strategy_02_sec_02 .element li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#strategy_02_sec_02 .element li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#strategy_02_sec_02 .element li:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
#strategy_02_sec_02 .element li:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 1; }
#strategy_02_sec_02 .element li:nth-child(5) { -ms-grid-row: 2; -ms-grid-column: 3; }
#strategy_02_sec_02 .element li:nth-child(6) { -ms-grid-row: 2; -ms-grid-column: 5; }
#strategy_02_sec_02 .element li:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 1; }
#strategy_02_sec_02 .element li { border: 1px solid #cad0de; padding: 20px; min-height: 100px; box-sizing: border-box; display: flex; align-items: center;}
#strategy_02_sec_02 .element li .num { font-size: 26px; color: #0000ff; font-family: 'Metropolis-Bold', sans-serif; line-height: 1; }
#strategy_02_sec_02 .element li .tit { font-size: 18px; font-weight: 500; color: #333; padding-left: 20px; margin-top: 0px; box-sizing: border-box;}
#strategy_02_sec_02 .element li dl {  }
#strategy_02_sec_02 .element li dl dd { padding-left: 15px; text-indent: -10px; font-size: 16px; line-height: 30px; color: #666; }
#strategy_02_sec_02 .history { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; }
#strategy_02_sec_02 .history ul:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#strategy_02_sec_02 .history ul:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#strategy_02_sec_02 .history ul li + li { margin-top: 15px; }
#strategy_02_sec_02 .history ul li { display: flex; font-size: 16px; }
#strategy_02_sec_02 .history ul li .d { color: #838383; width: 100px; }
#strategy_02_sec_02 .history ul li .t { color: #333; width: 100%; }

/* 211221_css add */
#strategy_02_sec_02 .fair_box {font-size: 25px; font-weight: bold; color: #00578a; margin: 60px 0 35px;}
#strategy_02_sec_02 .fair_book {width:100%;}
#strategy_02_sec_02 .fair_book::after {content: ''; display: block; clear: both;}
#strategy_02_sec_02 .fair_book .fair_left {float: left; width: 18%;}
#strategy_02_sec_02 .fair_book .fair_left > figure img {border: solid 1px #cad0de; box-sizing: border-box;}
#strategy_02_sec_02 .fair_book .fair_left > figure figcaption {text-align: center; margin-top: 5px; font-size: 16px;}

#strategy_02_sec_02 .fair_book .fair_right {float: right; width: 80%; background-color: #f6f6f6; box-sizing: border-box; padding: 20px;}
#strategy_02_sec_02 .fair_book .fair_right > h2 {font-size: 16px;}
#strategy_02_sec_02 .fair_book .fair_right > ul {padding-top: 20px;}
#strategy_02_sec_02 .fair_book .fair_right > ul::after {content: ''; display: block; clear: both;}
#strategy_02_sec_02 .fair_book .fair_right > ul li {float: left; width: 23.5%; background-color: #fff; margin-left: 2%; padding: 20px; box-sizing: border-box;}
#strategy_02_sec_02 .fair_book .fair_right > ul li:first-child {margin-left: 0;}
#strategy_02_sec_02 .fair_book .fair_right > ul li dl {height: 150px;}
#strategy_02_sec_02 .fair_book .fair_right > ul li dl dt {font-size: 16px; font-weight: 700; height: 50px; border-bottom: 1px solid #4472e2; margin-bottom: 10px; line-height: 18px;}
#strategy_02_sec_02 .fair_book .fair_right > ul li dl dt img {display: inline-block; width: 20%; margin-right: 5%;}
#strategy_02_sec_02 .fair_book .fair_right > ul li dl dt span {display: inline-block; width: 75%; vertical-align: top; text-align: center;}
#strategy_02_sec_02 .fair_book .fair_right > ul li dl dt span.fair_ph {padding-top: 9px;}
#strategy_02_sec_02 .fair_book .fair_right > ul li dl dd {font-size: 16px; padding: 5px 0;}
#strategy_02_sec_02 .fair_book .fair_right > p {text-align: right; font-size: 16px; padding: 10px 0 5px;}
#strategy_02_sec_02 .fair_book .fair_right > a {text-align: right; float: right; clear: right; font-size: 16px;}
#strategy_02_sec_02 .badhelf {font-size: 25px; font-weight: bold; color: #00578a; margin: 60px 0 35px;}
#strategy_02_sec_02 .badhelf a{position: relative;display: inline-block; width: 260px;height: 60px;border: 1px solid #222;background-color: transparent;line-height: 55px;text-align:left;box-sizing: border-box;padding: 0 20px;margin-left:3%;font-size: 1rem;font-weight: 400;}
#strategy_02_sec_02 .badhelf a::after{ content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}

#strategy_02_sec_03 .box { padding: 70px 80px; padding-left: 240px; background-color: #fafafa; position: relative; }
#strategy_02_sec_03 .ico { position: absolute; top: 76px; left: 93px; }
#strategy_02_sec_03 .tit { font-size: 20px; line-height: 35px; font-weight: bold; color: #333; }
#strategy_02_sec_03 .txt { margin-top: 20px; }
#strategy_02_sec_03 .txt > li { font-size: 16px; color: #666; text-indent: -12px; padding-left: 12px; }
#strategy_02_sec_03 .txt > li + li { margin-top: 10px; }
#strategy_02_sec_03 .contact { margin-top: 40px; display: flex; }
#strategy_02_sec_03 .contact > li { font-size: 16px; color: #666; margin-right: 30px; }
#strategy_02_sec_03 .contact > li strong { font-weight: bold; color: #333; margin-right: 10px; }
#strategy_02_sec_03 .btn { margin-top: 40px; }
#strategy_02_sec_03 .btn button { display: inline-block; padding: 0 40px; height: 47px; background-color: #333; border: 0; font-size: 16px; color: #fff; border-top-left-radius: 13px; border-bottom-right-radius: 13px; cursor: pointer; }
#strategy_02_sec_03 .btn button:after { content: ''; display: inline-block; width: 7px; height: 7px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); margin-left: 10px; }
#strategy_02_sec_03 .inquiry_section { padding-top: 100px; }

#strategy_02_sec_04 .inner { padding-left: 0; }
#strategy_02_sec_04 .box { padding: 50px 60px; border: 1px solid #bababa; padding-right: 400px; position: relative; }
#strategy_02_sec_04 .box .h { font-size: 20px; line-height: 35px; color: #333; margin-bottom: 20px; }
#strategy_02_sec_04 .box .t { font-size: 16px; line-height: 30px; color: #666; }
#strategy_02_sec_04 .box .b {  position: absolute; top: 50%; right: 60px; text-align: center; margin-top: -30px; }
#strategy_02_sec_04 .box .b a { display: inline-block; }
#strategy_02_sec_04 .box .b a + a { margin-left: 8px; }
#strategy_02_sec_04 .box .b a { position: relative; display: inline-block; width: 240px; height: 60px; border: 1px solid #222; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#strategy_02_sec_04 .box .b a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #333; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#strategy_02_sec_04 .box .b a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#strategy_02_sec_04 .box .b a span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#strategy_02_sec_04 .box .b a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #333;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#strategy_02_sec_04 .box .b a:hover { border-color: #333; }
#strategy_02_sec_04 .box .b a:hover:before { width: 100%; }
#strategy_02_sec_04 .box .b a:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#strategy_02_sec_04 .box .b a:hover span { color: #fff; }
#strategy_02_sec_04 .box .b a:hover span:before { left: 100%; transition-delay: 0.35s; }
#strategy_02_sec_04 .banner { margin-top: 30px; }




[id*='strategy_03_sec_'] { align-items: flex-start; min-height: auto; }
[id*='strategy_03_sec_'] > .inner { padding-left: 250px; }
[id*='strategy_03_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='strategy_03_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='strategy_03_sec_'] .secContents { min-height: 300px; }

[id*='strategy_03_sec_'] .text { font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px; }
[id*='strategy_03_sec_'] .boximg { width: 100%; height: 450px; padding: 30px 60px; display: flex; align-items: flex-end; box-sizing: border-box; background-color: #ccc; margin-bottom: 40px; background-size: cover; }
[id*='strategy_03_sec_'] .boximg > div { max-width: 490px; font-size: 18px; line-height: 35px; color: #fff; }
[id*='strategy_03_sec_'] .boxlist { padding: 40px; background-color: #f7f7f7; margin-bottom: 40px; }
[id*='strategy_03_sec_'] .boxlist > li { font-size: 16px; line-height: 35px; color: #5a5959; }
[id*='strategy_03_sec_'] .name { font-size: 18px; line-height: 25px; color: #222; margin-left: 10px; }
[id*='strategy_03_sec_'] .date { margin-top: 10px; font-size: 15px; color: #868686; margin-left: 10px; }
[id*='strategy_03_sec_'] .btns { margin-top: 30px; display: flex; }
[id*='strategy_03_sec_'] .btns a { display: inline-block; }
[id*='strategy_03_sec_'] .btns a + a { margin-left: 8px; }
[id*='strategy_03_sec_'] .btns a { position: relative; display: inline-block; width: 200px; height: 60px; border: 1px solid #222; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; }
[id*='strategy_03_sec_'] .btns a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #333; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
[id*='strategy_03_sec_'] .btns a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
[id*='strategy_03_sec_'] .btns a span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
[id*='strategy_03_sec_'] .btns a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #333;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
[id*='strategy_03_sec_'] .btns a:hover { border-color: #333; }
[id*='strategy_03_sec_'] .btns a:hover:before { width: 100%; }
[id*='strategy_03_sec_'] .btns a:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
[id*='strategy_03_sec_'] .btns a:hover span { color: #fff; }
[id*='strategy_03_sec_'] .btns a:hover span:before { left: 100%; transition-delay: 0.35s; }

#strategy_03_sec_04 .secContents { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-auto-flow: column; }
#strategy_03_sec_04 .secContents > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 2; }
#strategy_03_sec_04 .secContents > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 1; }
#strategy_03_sec_04 .secContents .obj { padding-left: 60px; grid-column: 2; }

[id*='strategy_04_sec_'] { align-items: flex-start; min-height: auto; }
[id*='strategy_04_sec_'] > .inner { padding-left: 250px; }
[id*='strategy_04_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='strategy_04_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='strategy_04_sec_'] .secContents { min-height: 300px; }
[id*='strategy_04_sec_'] .text { font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px; }
[id*='strategy_04_sec_'] .text b { display: block; font-weight: bold; color: #333; }
[id*='strategy_04_sec_'] .btn a { display: inline-block; }
[id*='strategy_04_sec_'] .boxlist { padding: 40px; background-color: #f7f7f7; }
[id*='strategy_04_sec_'] .boxlist > li { font-size: 16px; line-height: 35px; color: #5a5959; }
[id*='strategy_04_sec_'] .name { font-size: 18px; line-height: 25px; color: #222; margin-left: 10px; margin-top: 40px; }

#strategy_04_sec_01 .obj { margin-bottom: 50px; }
#strategy_04_sec_03 .secContents { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-auto-flow: column; }
#strategy_04_sec_03 .secContents > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 2; }
#strategy_04_sec_03 .secContents > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 1; }
#strategy_04_sec_03 .secContents .obj { padding-left: 60px; grid-column: 2; }



[id*='strategy_05_sec_'] { align-items: flex-start; min-height: auto; }
[id*='strategy_05_sec_'] > .inner { padding-left: 250px; }
[id*='strategy_05_sec_'] > .inner.no_title{padding-left: 0;}  
[id*='strategy_05_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='strategy_05_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='strategy_05_sec_'] .secContents { min-height: 300px; }
[id*='strategy_05_sec_'] .title { font-size: 20px; font-weight: bold; color: #00578a; margin-bottom: 15px; }
[id*='strategy_05_sec_'] .text { font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px; }
[id*='strategy_05_sec_'] .text a { color: #9db7f3; }
[id*='strategy_05_sec_'] .boxlist { padding: 40px; background-color: #f7f7f7; margin-bottom: 30px; }
[id*='strategy_05_sec_'] .boxlist ul > li { font-size: 16px; line-height: 30px; color: #5a5959; }
[id*='strategy_05_sec_'] .boxlist ul > li + li { margin-top: 30px; }
[id*='strategy_05_sec_'] .boxlist ul > li strong { font-weight: bold; color: #333; }
[id*='strategy_05_sec_'] .boxlist dl { margin-top: 40px; background-color: #dbdbdb; padding: 25px 30px; }
[id*='strategy_05_sec_'] .boxlist dl dd + dd { margin-top: 30px; }
[id*='strategy_05_sec_'] table { border-top: 2px solid #545454; width: 100%; border-bottom: 1px solid #d6d6d6; margin-bottom: 50px; }
[id*='strategy_05_sec_'] table th { font-size: 16px; line-height: 34px; height: 60px; vertical-align: middle; border-bottom: 1px solid #d6d6d6; }
[id*='strategy_05_sec_'] table td { font-size: 16px; color: #666; text-align: center; height: 70px; vertical-align: middle; }
[id*='strategy_05_sec_'] table tbody.bd th,
[id*='strategy_05_sec_'] table tbody.bd td{border: 1px solid #d6d6d6;}
[id*='strategy_05_sec_'] table tbody.bd th:first-child{border-left: 0;}
[id*='strategy_05_sec_'] table tbody.bd td:last-child{border-right: 0;}
[id*='strategy_05_sec_'] table tbody.bdb th,
[id*='strategy_05_sec_'] table tbody.bdb td{border-bottom: 1px solid #d6d6d6;}



#strategy_05_sec_01 ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; margin-bottom: 30px; }
#strategy_05_sec_01 ul li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#strategy_05_sec_01 ul li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#strategy_05_sec_01 ul li { background-color: #eef1f8; padding: 40px; text-align: center; }
#strategy_05_sec_01 ul li .tit { font-size: 18px; color: #333; font-weight: 500; margin-bottom: 20px; }
#strategy_05_sec_01 ul li .txt { font-size: 16px; line-height: 28px; color: #5a5959; }
#strategy_05_sec_01 .box { border: 1px solid #4e5ea9; padding: 40px; display: flex; align-items: center; }
#strategy_05_sec_01 .box .obj { width: 80%; padding-right: 40px; box-sizing: border-box; }
#strategy_05_sec_01 .box .txt { font-size: 16px; line-height: 35px; color: #5a5959; width: 70%; }

#strategy_05_sec_10 .recruitment_intro{margin-top: 4%;}

/* person */
#person{max-width: 1150px; width: 100%; letter-spacing: -0.05rem; box-sizing: border-box;}
#person h3{font-size: 25px; color: #00578a; font-weight: 700; text-align: center; margin: 100px 0;}
#person h3::after{content: ''; display: block; width: 100%; max-width: 500px; height: 5px; margin: 10px auto; background-image: linear-gradient(45deg, #005793, #26abff);}
#person h4.title{position: relative; font-size: 25px; font-weight: bold; color: #000; margin: 60px 0 30px; padding-bottom: 15px;}
#person h4.title::after{content: ''; position: absolute; bottom: 0;left: 0;width: 45px;height: 3px; background-color: #525252;transform: skew(-30deg);}
#person .text{font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px;}
#person .person_list{max-width: 1400px; width: 100%;}
#person .person_list li{display: flex; align-items: center; gap: 70px; width: 100%; height: 80px; border: 1px solid #ccc; border-radius: 70px;  margin-bottom: 10px; overflow: hidden;}
#person .person_list li .pl_t{width: 200px; height: 100%; line-height: 78px; border-radius: 80px; background-color: #0082cf; font-size: 16px; font-weight: 500; color: #fff; text-align: center;}
#person .person_list li .pl_t.pl_tt{/*background-color: #26abff;*/ background-color: #145985; }
#person .person_list li .pl_d{font-size: 16px; line-height: 1.8rem; color: #5a5959;}
#person table { border-top: 2px solid #0082cf; width: 100%; border-bottom: 1px solid #d6d6d6; margin-bottom: 50px; }
#person table thead th{/*background: #26abff;*/ background: #145985;  color: #fff;}
#person table th { font-size: 16px; font-weight: 500; line-height: 34px; height: 60px; vertical-align: middle; border-bottom: 1px solid #d6d6d6;}
#person table td { font-size: 16px; color: #666; text-align: center; height: 70px; vertical-align: middle; }
#person table tbody.bd th, #person table tbody.bd td{border: 1px solid #d6d6d6;}
#person table tbody.bd th:first-child{border-left: 0;}
#person table tbody.bd td:last-child{border-right: 0;}
#person .person_flx_3 > ul{width: 100%; display: flex; gap: 20px;}
#person .person_flx_3 > ul > li{width: 33.33%; border: 1px solid #ccc; border-radius: 10px; padding: 1.2rem 1.4rem; box-sizing: border-box; box-shadow: 4px 4px 4px 0px #ccc;}
#person .person_flx_3 .pl_tb, .person_flx_n .pl_tn{font-size: 20px; color: #0082cf; font-weight: 700; padding-bottom: 20px;}
#person .person_flx_3 .pl_d > ul > li, .person_flx_n .pl_d > ul > li{position: relative; font-size: 16px; line-height: 28px; color: #666; padding-left: 10px;}
#person .person_flx_3 .pl_d > ul > li::before, .person_flx_n .pl_d > ul > li::before{content: ''; position: absolute; left: 0; top: 11px; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #26abff;}
#person .person_flx_3.person_flx_2{margin-top: 20px;}
#person .person_flx_3.person_flx_2 > ul > li, .person_flx_n > ul > li{width: 50%;}
#person .person_flx_n > ul{width: 100%; display: flex; gap: 50px; align-items: center;}
#person .person_flx_n .person_flx_r{flex-direction: row-reverse; margin-top: 100px;}
#person .person_flx_n .pl_tn{padding-bottom: 3%;}
/* #person .person_flx_n .pl_tn::after{content: ''; display: block; width: 10%; height: 3px; margin-top: 5px; background-image: linear-gradient(45deg, #005793, #26abff);} */
#person .person_flx_l .pl_tb{text-align: center;}
#person .person_flx_l .pl_tb::before{content: ''; display: block; width: 120px; height: 120px; border-radius: 100%; background-color: #26abff; margin: 0 auto 10px; background-repeat: no-repeat; background-position: center; background-size: 40px auto;}
#person .person_flx_l > ul > li {border: none;  border-right: 1px solid #cad0de; border-radius: 0px; box-shadow: none}
#person .person_flx_l > ul > li:last-child{border-right: none;}
#person .person_flx_l > ul > li:nth-child(1) .pl_tb::before{background-image: url('../images/recruitment/personnel_ico_01.png');}
#person .person_flx_l > ul > li:nth-child(2) .pl_tb::before{background-image: url('../images/recruitment/personnel_ico_02.png');}
#person .person_flx_l > ul > li:nth-child(3) .pl_tb::before{background-image: url('../images/recruitment/personnel_ico_03.png');}



[id*='strategy_06_sec_'] { align-items: flex-start; min-height: auto; }
[id*='strategy_06_sec_'] > .inner { padding-left: 250px; }
[id*='strategy_06_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='strategy_06_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='strategy_06_sec_'] .secContents { min-height: 300px; }
[id*='strategy_06_sec_'] .title { font-size: 20px; font-weight: bold; color: #00578a; margin-bottom: 15px; }
[id*='strategy_06_sec_'] .text { font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px; }
[id*='strategy_06_sec_'] .text a { color: #9db7f3; }
[id*='strategy_06_sec_'] .obj img { margin: 0 auto; }
[id*='strategy_06_sec_'] .boxlist { padding: 40px; background-color: #f7f7f7; margin-bottom: 30px; }
[id*='strategy_06_sec_'] .boxlist ul > li { font-size: 16px; line-height: 30px; color: #5a5959; }
[id*='strategy_06_sec_'] .boxlist ul > li + li { margin-top: 30px; }
[id*='strategy_06_sec_'] .boxlist ul > li strong { font-weight: bold; color: #333; }
[id*='strategy_06_sec_'] .boxlist dl { margin-top: 40px; background-color: #dbdbdb; padding: 25px 30px; }
[id*='strategy_06_sec_'] .boxlist dl dd + dd { margin-top: 30px; }
[id*='strategy_06_sec_'] table { border-top: 2px solid #545454; width: 100%; margin-bottom: 50px; }
[id*='strategy_06_sec_'] table th { font-size: 16px; line-height: 34px; height: 60px; vertical-align: middle; border-bottom: 1px solid #d6d6d6; }
[id*='strategy_06_sec_'] table td { font-size: 16px; color: #666; text-align: center; height: 70px; vertical-align: middle; padding: 0 25px; border-bottom: 1px solid #d6d6d6; }
[id*='strategy_06_sec_'] table td.left { text-align: left; }
[id*='strategy_05_sec_'] table td a.download,
[id*='strategy_06_sec_'] table td a.download { position: relative; display: inline-block; width: 128px; height: 40px; box-sizing: border-box; padding: 0 16px; text-align: left; border: 1px solid #959595; background-color: #fff; border-radius: 4px; font-size: 14px; color: #333; line-height: 40px; }
[id*='strategy_05_sec_'] table td a.download:after,
[id*='strategy_06_sec_'] table td a.download:after { content: ''; width: 12px; height: 12px; background: url(../images/ico/ico_download_b2.png) center no-repeat; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); }

.page_related_news { display: none; background-color: #f5f5f7; padding: 80px 0; overflow: hidden; position: relative; z-index: 2; margin-top: -1px; }
.page_related_news > .inner { max-width: 1300px; width: 90%; margin: 0 auto; }
.page_related_news .newsroom_head { margin-bottom: 40px; }
.page_related_news .newsroom_head .title { font-size: 35px; line-height: 30px; font-weight: bold; font-weight: bold; color: #333; text-align: center; }



[id*='strategy_07_sec_'] { align-items: flex-start; min-height: auto; }
[id*='strategy_07_sec_'] > .inner { padding-left: 250px; }
[id*='strategy_07_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='strategy_07_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='strategy_07_sec_'] .secContents { min-height: 300px; }
[id*='strategy_07_sec_'] .contTitle { font-size: 20px; font-weight: bold; color: #00578a; margin-bottom: 25px; }
[id*='strategy_07_sec_'] * + .contTitle { margin-top: 50px; }

[id*='strategy_07_sec_'] .accordion + .accordion { margin-top: 10px; }
[id*='strategy_07_sec_'] .accordion .acc_head { position: relative; background-color: #fff; border: 1px solid #d6d6d6;padding: 0 40px; padding-right: 100px; width: 100%; height: 60px; box-sizing: border-box; font-size: 18px; font-weight: bold; color: #333; text-align: left; cursor: pointer; }
[id*='strategy_07_sec_'] .accordion .acc_head:after { content: ''; position: absolute; top: 50%; right: 30px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #d8d8d8; background-color: #fff; margin-top: -16px; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12); background: url(../images/esg/acc_arrow.png) center no-repeat; box-sizing: border-box; }
[id*='strategy_07_sec_'] .accordion .acc_body { padding: 40px 80px; padding-bottom: 60px; font-size: 18px; color: #666; background-color: #f5f6f8; display: none; }
[id*='strategy_07_sec_'] .accordion .acc_body .link { font-size: 15px; color: #207eff; border-bottom: 1px solid #207eff; }
[id*='strategy_07_sec_'] .accordion .acc_body .tit { color: #333; font-weight: bold; margin-bottom: 1em; }
[id*='strategy_07_sec_'] .accordion .acc_body .txt { color: #666; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li { padding-left: 10px; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li + li { margin-top: 20px; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li .h { color: #005891; text-indent: -0.3em; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li .h + .t { margin-top: 10px; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li .h .link { margin-left: 15px; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li .t { font-size: 15px; color: #808080; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li .t + .t { margin-top: 10px; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li .t li { text-indent: -0.6em; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li .t li + li { margin-top: 5px; }
[id*='strategy_07_sec_'] .accordion .acc_body ul > li .t b { color: #333; }
[id*='strategy_07_sec_'] .accordion .acc_body table { width: 100%; margin-top: 10px; }
[id*='strategy_07_sec_'] .accordion .acc_body table th,
[id*='strategy_07_sec_'] .accordion .acc_body table td { border: 1px solid #c1c1c1; padding: 15px; box-sizing: border-box; }
[id*='strategy_07_sec_'] .accordion .acc_body table th { font-size: 15px; color: #666; width: 140px; }
[id*='strategy_07_sec_'] .accordion .acc_body table td { font-size: 15px; color: #808080; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 { display: flex; justify-content: center; align-items: center;}
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 dd { position: relative; margin: 15px; width: 150px; height: 150px; background-color: #4472e2; border-radius: 50%; font-size: 18px; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 dd + dd:before { content: ''; width: 15px; height: 15px; box-sizing: border-box; border-bottom: 1px solid #a2a9b8; border-right: 1px solid #a2a9b8; transform: rotate(-45deg); position: absolute; top: 50%; left: 0; margin-top: -7.5px; margin-left: -27px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 { border: 1px solid #d7d7d7; background-color: #fff; padding: 45px 80px; padding-top: 30px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h1 { font-size: 20px; font-weight: bold; color: #222; margin-bottom: 30px; text-align: center; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 > div + div { margin-top: 50px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h2 { font-size: 20px; color: #333; margin-bottom: 25px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h2 span { font-size: 15px; margin-left: 15px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 { display: flex; margin: -5px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd { width: 100%; margin: 5px; text-align: center; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd .t { display: flex; align-items: center; justify-content: space-between; height: 25px; border-left: 1px solid #333; border-right: 1px solid #333; font-size: 15px; white-space: nowrap; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd .t:before { content: ''; width: 100%; height: 1px; background-color: #333; margin-right: 15px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd .t:after { content: ''; width: 100%; height: 1px; background-color: #333; margin-left: 15px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd .b { background-color: #333; font-size: 15px; font-weight: bold; color: #fff; height: 50px; display: flex; align-items: center; justify-content: center; padding: 0 20px; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(1) .t { color: #2e75b7; border-color: #2e75b7; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(1) .t:before,
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(1) .t:after { background-color: #2e75b7; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(1) .b { background-color: #2e75b7; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(2) .t { color: #004040; border-color: #004040; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(2) .t:before,
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(2) .t:after { background-color: #004040; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(2) .b { background-color: #004040; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(3) .t { color: #001f60; border-color: #001f60; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(3) .t:before,
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(3) .t:after { background-color: #001f60; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd:nth-child(3) .b { background-color: #001f60; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid2 { display: flex; margin: -5px; flex-wrap: wrap; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid2 > dd { width: 33.333%; padding: 5px; box-sizing: border-box; }
[id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid2 > dd span { width: 100%; height: 50px; padding: 0 20px; text-align: center; font-size: 15px; color: #666; background-color: #e2e5e7; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
[id*='strategy_07_sec_'] .accordion.on .acc_head:after { box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.12); transform: rotate(180deg); }
[id*='strategy_07_sec_'] .accordion.on .acc_body { display: block; }

[id*='strategy_07_sec_'] .title { font-size: 20px; font-weight: bold; color: #333; margin-bottom: 5px; }
[id*='strategy_07_sec_'] .text { font-size: 18px;; color: #5a5959; line-height: 35px; margin-bottom: 30px;}
[id*='strategy_07_sec_'] .objImg { margin-top: 50px; }
[id*='strategy_07_sec_'] .objImg img { margin: 0 auto; }
[id*='strategy_07_sec_'] .box { background-color: #f5f6f8; padding: 20px 36px; display: flex; align-items: center; position: relative; }
[id*='strategy_07_sec_'] .box + .box { margin-top: 40px; }
[id*='strategy_07_sec_'] .box + .box:before { content: ''; position: absolute; bottom: 100%; left: 220px; right: 0; height: 40px; background: url(../images/esg/strategy_07_sec_01_arr.png) center no-repeat; }
[id*='strategy_07_sec_'] .box .tit { width: 170px; font-size: 22px; font-weight: bold; color: #333; padding: 0 24px; }
[id*='strategy_07_sec_'] .box .cont { width: 100%; background-color: #fff; border-radius: 20px; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 140px; padding: 35px; box-sizing: border-box; }
[id*='strategy_07_sec_'] .box .cont .txt1 { font-size: 30px; font-weight: bold; color: #0281d2; }
[id*='strategy_07_sec_'] .box .cont .txt2 { font-size: 22px; color: #333; }
[id*='strategy_07_sec_'] .box .cont ul { display: flex;  }
[id*='strategy_07_sec_'] .box .cont ul li { padding: 0 25px; }
[id*='strategy_07_sec_'] .box .cont ul li .obj { display: inline-block; margin-bottom: 15px; border-radius: 50%; box-shadow: 6px 10px 22px 0px rgba(2, 123, 200, 0.3); }
[id*='strategy_07_sec_'] .box .cont ul li .txt { font-size: 16px; color: #333; text-align: center; }
[id*='strategy_07_sec_'] .tb { border-top: 2px solid #000; }
[id*='strategy_07_sec_'] .tb > li { border-bottom: 1px solid #e9e9e9; display: table; align-items: center; width: 100%; }
[id*='strategy_07_sec_'] .tb > li > * { display: table-cell; vertical-align: middle; }
[id*='strategy_07_sec_'] .tb > li .th { background-color: #f5f6f8; font-size: 20px; color: #005891; padding: 20px 50px; width: 240px; box-sizing: border-box; }
[id*='strategy_07_sec_'] .tb > li .th b { font-weight: bold; }
[id*='strategy_07_sec_'] .tb > li .td { padding: 20px 60px; font-size: 15px; color: #333; }
[id*='strategy_07_sec_'] .tb > li .td dl dd + dd { margin-top: 5px; }

[id*='strategy_07_sec_'] .realvalue_img{margin: 0 auto; margin-bottom: 5%; max-width: 800px;}

#link_downbox { display: flex; justify-content: space-between; padding: 30px 0; align-items: center;} 
#link_downbox .h { font-size: 20px; color: #333; font-weight: 700;}
#link_downbox .b { text-align: center;}
#link_downbox .b a + a { margin-left: 8px; }
#link_downbox .b a { position: relative; display: inline-block; width: 200px; height: 50px; border: 1px solid #222; background-color: transparent; line-height: 48px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#link_downbox .b a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #333; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#link_downbox .b a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#link_downbox .b a span { display: inline-block; font-size: 16px; font-weight: 700; color: #222; position: relative; z-index: 1; overflow: hidden; }
#link_downbox .b a:hover { border-color: #333; }
#link_downbox .b a:hover:before { width: 100%; }
#link_downbox .b a:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#link_downbox .b a:hover span { color: #fff; }
#link_downbox .b a:hover span:before { left: 100%; transition-delay: 0.35s; }

[id*='intro_text'] {font-size: 18px; line-height: 38px; color: #666; text-align: center; max-width: 1280px; margin: 0 auto;}


[id*='strategy_09_sec_'] { align-items: flex-start; min-height: auto; }
[id*='strategy_09_sec_'] > .inner { padding-left: 250px; }
[id*='strategy_09_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: relative; left: 0; padding-bottom: 15px; margin-bottom: 30px; }
[id*='strategy_09_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='strategy_09_sec_'] .secContents { min-height: 300px; }
#strategy_09_sec_01 .inner { padding-left: 0; }
#strategy_09_sec_01 .inner .secTitle.P50{padding-top: 50px;  border-top: 1px solid #d6d6d6;}
#strategy_09_sec_01 .box { display: flex; justify-content: space-between; padding: 30px; border: 1px solid #d6d6d6; border-bottom: none; align-items: center;} 
#strategy_09_sec_01 .box .h { font-size: 20px; color: #333; font-weight: 700;}
#strategy_09_sec_01 .box .b { text-align: center;}
#strategy_09_sec_01 .box .b a + a { margin-left: 8px; }
#strategy_09_sec_01 .box .b a { position: relative; display: inline-block; width: 200px; height: 50px; border: 1px solid #222; background-color: transparent; line-height: 48px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#strategy_09_sec_01 .box .b a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #333; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#strategy_09_sec_01 .box .b a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#strategy_09_sec_01 .box .b a span { display: inline-block; font-size: 16px; font-weight: 700; color: #222; position: relative; z-index: 1; overflow: hidden; }
#strategy_09_sec_01 .box .b a:hover { border-color: #333; }
#strategy_09_sec_01 .box .b a:hover:before { width: 100%; }
#strategy_09_sec_01 .box .b a:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#strategy_09_sec_01 .box .b a:hover span { color: #fff; }
#strategy_09_sec_01 .box .b a:hover span:before { left: 100%; transition-delay: 0.35s; }

/* ESG전략체계 */
/* .wrap_esg2_1_1{border-bottom: 1px #ddd solid;} */
.wrap_esg2_1_1 > .inner{ padding-left: 0; }
.wrap_esg2_1_1 > .inner > .item{display: flex;margin-top: 30px; justify-content: center;}
.wrap_esg2_1_1 > .inner > .item.mt_l{margin-top: 50px;}
.wrap_esg2_1_1 > .inner > .item.mt_s{ margin-top:20px;}
.wrap_esg2_1_1 > .inner > .item .head{display: flex;align-items: center; gap: 16px;}
.wrap_esg2_1_1 > .inner > .item .head .h{min-width: 138px;font-size: 22px;font-weight: 700;}
.wrap_esg2_1_1 > .inner > .item .head .dot{ min-width: 70px; height:7px; background:url(../images/esg/strategy_01_bg_dot.png) no-repeat;}
.wrap_esg2_1_1 > .inner > .item .cont{margin-left: 20px;text-align: center;}
.wrap_esg2_1_1 .box_bar1{background: #002f69;text-align: center;color: #fff;padding: 10px 20px;border-radius: 10px;}
.wrap_esg2_1_1 .box_bar1.c2{background: #e5eaf0;color: #222; font-weight: 600;}
.wrap_esg2_1_1 .lst_step1{display: inline-flex;justify-content: center; width: 800px;}
.wrap_esg2_1_1 .lst_step1 > .item{ width: 33%; }
.wrap_esg2_1_1 .lst_step1 > .item .img{ display: inline-block;}
.wrap_esg2_1_1 .lst_step1 > .item .txt{ font-weight: 600; font-size: 18px;}
.wrap_esg2_1_1 .lst_step2{ display: inline-flex; width: 800px; }
.wrap_esg2_1_1 .lst_step2 > .item{ width: 19%; margin:0 0.5%; }
.wrap_esg2_1_1 .lst_step2 > .item .circle{width:100px;height:100px;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;color: #fff;font-weight: 800;font-size: 30px;}
.wrap_esg2_1_1 .lst_step2 > .item .txt{line-height: 1.2;font-weight: 600;margin-top: 10px;}
.wrap_esg2_1_1 .lst_step2.ty2 > .item{ position: relative; padding-top: 70px; } 
.wrap_esg2_1_1 .lst_step2.ty2 > .item >.line{position: absolute; left: calc(50% - 1px); top: 0; width: 2px; height: 100%; background-color: #cecece; content:"";}

.wrap_esg2_1_1 .box_step{
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    margin-top: 20px;
    position: relative; z-index: 1;
    background-color: #fff;
    border-color: #b1b1b1;
}
.wrap_esg2_1_1 .box_step .h_1{ font-weight: 600; color: #222; }
.wrap_esg2_1_1 .box_step .t_1{}
.wrap_esg2_1_1 .box_step .circle_dot{position: absolute;left: calc(50% - 6px);top: -6px;width: 6px;height: 6px;border-radius: 50%;background-color: #fff;border-width: 3px;border-style: solid;}
.wrap_esg2_1_1 .bot{text-align: right;}
.wrap_esg2_1_1 .bot_txt{ text-align: right; display: inline-flex; }
.wrap_esg2_1_1 .bot_txt .bx{ margin-left: 5px; width: 15px; height: 15px; border-radius: 3px; border-width: 3px; border-style: solid; }
.wrap_esg2_1_1 .bot_txt .t{ margin-left: 15px; margin-right: 8px; color: #222; font-weight: 600; }

.wrap_esg2_1_1 .bg1{ background-color: #36a11d; }
.wrap_esg2_1_1 .bg1_1{ background-color: #eef8ed; }
.wrap_esg2_1_1 .bg2{ background-color: #078184; }
.wrap_esg2_1_1 .bg2_1{ background-color: #ebf5f6; }
.wrap_esg2_1_1 .bg3{ background-color: #3fb1e7; }
.wrap_esg2_1_1 .bg3_1{ background-color: #eaf5fa; }
.wrap_esg2_1_1 .c1{ color: #36a11d; }
.wrap_esg2_1_1 .c2{ color: #078184; }
.wrap_esg2_1_1 .c3{ color: #488fdd; }
.wrap_esg2_1_1 .bc1{ border-color: #34a21d; }
.wrap_esg2_1_1 .bc2{ border-color: #078184; }
.wrap_esg2_1_1 .bc3{ border-color: #3fb1e7; }

.wrap_esg2_1_1 .moreBtn { text-align: center; margin-top: 70px; }
.wrap_esg2_1_1 .moreBtn a { display: inline-flex; align-items: center; justify-content: space-between; width: 250px; height: 65px; border: 1px solid  #666; border-radius: 6px; box-sizing: border-box; padding: 0 35px; font-size: 18px; color: #222; line-height: 1;  }
.wrap_esg2_1_1 .moreBtn a:after { content: ''; width: 16px; height: 16px; margin-left: 35px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='18px'%3E%3Cpath fill-rule='evenodd' opacity='0.502' fill='rgb(34, 34, 34)' d='M16.600,10.350 L9.850,10.350 L9.850,17.100 L7.150,17.100 L7.150,10.350 L0.400,10.350 L0.400,7.649 L7.150,7.649 L7.150,0.900 L9.850,0.900 L9.850,7.649 L16.600,7.649 L16.600,10.350 Z'/%3E%3C/svg%3E"); }
.wrap_esg2_1_1 .moreBtn a:focus{outline-offset:2px; outline:3px dashed #333;}

@media screen and (max-width: 1180px){
    .wrap_esg2_1_1{border-bottom: 1px #ddd solid;}
    .wrap_esg2_1_1 > .inner{  }
    .wrap_esg2_1_1 > .inner > .item{display: flex;margin-top: 30px;flex-direction: column;}
    .wrap_esg2_1_1 > .inner > .item.mt_l{margin-top: 50px;}
    .wrap_esg2_1_1 > .inner > .item.mt_s{ margin-top:20px;}
    .wrap_esg2_1_1 > .inner > .item .head{display: flex;margin-bottom: 10px;}
    .wrap_esg2_1_1 > .inner > .item .head .h{min-width: 138px;font-size: 21px;font-weight: 700;}
    .wrap_esg2_1_1 > .inner > .item .head .dot{min-width: 70px; height:7px; background:url(../images/esg/strategy_01_bg_dot.png) no-repeat; display: none;}
    .wrap_esg2_1_1 > .inner > .item .cont{width: 100%;margin-left: 0;text-align: center;}
    .wrap_esg2_1_1 .box_bar1{background: #002f69;text-align: center;color: #fff;padding: 10px 20px;border-radius: 10px;}
    .wrap_esg2_1_1 .box_bar1.c2{background: #e5eaf0;color: #222; font-weight: 600;}
    .wrap_esg2_1_1 .lst_step1{display: inline-flex;justify-content: center; width: 800px;}
    .wrap_esg2_1_1 .lst_step1 > .item{ width: 33%; }
    .wrap_esg2_1_1 .lst_step1 > .item .img{}
    .wrap_esg2_1_1 .lst_step1 > .item .txt{}
    .wrap_esg2_1_1 .lst_step2{ display: inline-flex; width: 800px; }
    .wrap_esg2_1_1 .lst_step2 > .item{ width: 19%; margin:0 0.5%; }
    .wrap_esg2_1_1 .lst_step2 > .item .circle{width:100px;height:100px;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;color: #fff;font-weight: 800;font-size: 30px;}
    
    
    .wrap_esg2_1_1 .lst_step2 > .item .txt{line-height: 1.2;font-weight: 600;margin-top: 10px;}
    
    .wrap_esg2_1_1 .lst_step2.ty2{}
    .wrap_esg2_1_1 .lst_step2.ty2 > .item{ position: relative; padding-top: 70px; } 
    .wrap_esg2_1_1 .lst_step2.ty2 > .item >.line{position: absolute; left: calc(50% - 1px); top: 0; width: 2px; height: 100%; background-color: #cecece; content:"";}
    
    .wrap_esg2_1_1 .box_step{
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    margin-top: 20px;
    position: relative; z-index: 1;
    background-color: #fff;
    border-color: #b1b1b1;
    }
    .wrap_esg2_1_1 .box_step .h_1{ font-weight: 600; color: #222; }
    .wrap_esg2_1_1 .box_step .t_1{}
    .wrap_esg2_1_1 .box_step .circle_dot{position: absolute;left: calc(50% - 6px);top: -6px;width: 6px;height: 6px;border-radius: 50%;background-color: #fff;border-width: 3px;border-style: solid;}
    .wrap_esg2_1_1 .bot{text-align: right;}
    .wrap_esg2_1_1 .bot_txt{ text-align: right; display: inline-flex; }
    .wrap_esg2_1_1 .bot_txt .bx{ margin-left: 5px; width: 15px; height: 15px; border-radius: 3px; border-width: 3px; border-style: solid; }
    .wrap_esg2_1_1 .bot_txt .t{ margin-left: 15px; margin-right: 8px; color: #222; font-weight: 600; }
    
    .wrap_esg2_1_1 .bg1{ background-color: #36a11d; }
    .wrap_esg2_1_1 .bg1_1{ background-color: #eef8ed; }
    .wrap_esg2_1_1 .bg2{ background-color: #078184; }
    .wrap_esg2_1_1 .bg2_1{ background-color: #ebf5f6; }
    .wrap_esg2_1_1 .bg3{ background-color: #3fb1e7; }
    .wrap_esg2_1_1 .bg3_1{ background-color: #eaf5fa; }
    .wrap_esg2_1_1 .c1{ color: #36a11d; }
    .wrap_esg2_1_1 .c2{ color: #078184; }
    .wrap_esg2_1_1 .c3{ color: #3fb1e7; }
    .wrap_esg2_1_1 .bc1{ border-color: #34a21d; }
    .wrap_esg2_1_1 .bc2{ border-color: #078184; }
    .wrap_esg2_1_1 .bc3{ border-color: #3fb1e7; }
    
    .wrap_esg2_1_1 .moreBtn { text-align: center; margin-top: 70px; }
    .wrap_esg2_1_1 .moreBtn a { display: inline-flex; align-items: center; justify-content: space-between; width: 250px; height: 65px; border: 1px solid  #666; border-radius: 6px; box-sizing: border-box; padding: 0 35px; font-size: 18px; color: #222; line-height: 1;  }
    .wrap_esg2_1_1 .moreBtn a:after { content: ''; width: 16px; height: 16px; margin-left: 35px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='18px'%3E%3Cpath fill-rule='evenodd' opacity='0.502' fill='rgb(34, 34, 34)' d='M16.600,10.350 L9.850,10.350 L9.850,17.100 L7.150,17.100 L7.150,10.350 L0.400,10.350 L0.400,7.649 L7.150,7.649 L7.150,0.900 L9.850,0.900 L9.850,7.649 L16.600,7.649 L16.600,10.350 Z'/%3E%3C/svg%3E"); }
}

.inr-c2 .title1 > .inner { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; }
.inr-c2 > p { margin-top: 40px; font-size: 18px; color: #222; line-height: 1.8; }

#strategy_06_sec_05 .inner { padding-left: 0; }

.wrap_esg2_2_2{position: relative; /*overflow: hidden;*/}
.wrap_esg2_2_2 .bg_line{position: absolute;left: 0;top: 40px;width: 100%;height: 540px; /*background-color: #f4f4f4;*/z-index: 0;}
.wrap_esg2_2_2 .inr-c2{position:relative;height:700px;margin-top: 130px;}
.wrap_esg2_2_2 .inr-c2 > .inner{  }
.wrap_esg2_2_2 .item{
    width: 350px;
    height: 350px;
    position: absolute;
    left:0;
    top:0;
    text-align: center;
    /*-webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;*/
    color: #fff;
}
.wrap_esg2_2_2 .item .hov,
.wrap_esg2_2_2 .item .box{
    width: 350px;
    height: 350px;
    background: #ddd;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 0;
    -moz-transform:  scale(1) rotate(45deg);
    -webkit-transform:  scale(1) rotate(45deg);
    -o-transform:  scale(1) rotate(45deg);
    -ms-transform:  scale(1) rotate(45deg);
    transform:  scale(1) rotate(45deg);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.wrap_esg2_2_2 .item .hov{ background-color: transparent !important; z-index: 10; }
.wrap_esg2_2_2 .item .cont{
    position: relative;
    margin-top: -80px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.wrap_esg2_2_2 .item .cate{
    font-size: 90px;
    font-weight: 800;
    line-height: 1;
}
.wrap_esg2_2_2 .item .t_1{
    margin-top: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
}
.wrap_esg2_2_2 .item .txt{border-top: 1px #fff solid;margin-top: 15px;font-size: 16px;padding: 10px 16px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.wrap_esg2_2_2 .item .txt p{}

.wrap_esg2_2_2 .item .inner{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap_esg2_2_2 .item.n1{left: 0;top: 0px;}
.wrap_esg2_2_2 .item.n2{ left: 243px; top: 270px; }
.wrap_esg2_2_2 .item.n3{left: 489px;top: 0px;}
.wrap_esg2_2_2 .item.n4{left: 733px;top: 270px;}
.wrap_esg2_2_2 .item.n5{left: 977px;top: 0px;}

.wrap_esg2_2_2 .item.n1 .box{ background:#36a11d;}
.wrap_esg2_2_2 .item.n2 .box{ background:#078184;}
.wrap_esg2_2_2 .item.n3 .box{ background:#078184;}
.wrap_esg2_2_2 .item.n4 .box{ background:#3fb1e7;}
.wrap_esg2_2_2 .item.n5 .box{ background:#3fb1e7;}

.wrap_esg2_2_2 .item.hover{z-index: 10;}
.wrap_esg2_2_2 .item.hover > .inner{

}
.wrap_esg2_2_2 .item.hover .cont{
    margin-top: 0;
}
.wrap_esg2_2_2 .item.hover .txt{padding: 10px 5px;  font-size: 18px;}
.wrap_esg2_2_2 .item.hover > .inner .hov,
.wrap_esg2_2_2 .item.hover > .inner .box{ 
    -moz-transform: scale(1.2) rotate(0deg);
    -webkit-transform: scale(1.2) rotate(0deg);
    -o-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
    box-shadow: 11px 10px 33px -6px rgba(0,0,0,0.21);
    -webkit-box-shadow: 11px 10px 33px -6px rgba(0,0,0,0.21);
    -moz-box-shadow: 11px 10px 33px -6px rgba(0,0,0,0.21);
}
.wrap_esg2_2_2 .item.nohover > .inner{ 
    opacity:0.7; 
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);

}

@media screen and (max-width: 1550px){
    .wrap_esg2_2_2{}
    .wrap_esg2_2_2 .inr-c2{position:relative;height: auto; margin-top: 70px;}
    .wrap_esg2_2_2 .inr-c2 > .inner{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .wrap_esg2_2_2 .item{
        width: 49%;
        height: 300px;
        position: relative;
        left:0;
        top:0;
        text-align: center;
        /*-webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;*/
        color: #fff;
        margin: 10px 0;
    }
    .wrap_esg2_2_2 .item .hov,
    .wrap_esg2_2_2 .item .box{
        width: 100%;
        height: 300px;
        background: #ddd;
        border-radius: 50px;
        position: absolute;
        left: 0;
        top: 0;
        -moz-transform:  scale(1) rotate(0);
        -webkit-transform:  scale(1) rotate(0);
        -o-transform:  scale(1) rotate(0);
        -ms-transform:  scale(1) rotate(0);
        transform:  scale(1) rotate(0);
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
    }
    .wrap_esg2_2_2 .item .hov{ background-color: transparent !important; z-index: 10; }
    .wrap_esg2_2_2 .item .cont{
        position: relative;
        margin-top: 0;
     }

    .wrap_esg2_2_2 .item .t_1{
        margin-top: 10px;
        font-weight: 500;
        font-size: 20px;
        line-height: 1.2;
    }
    .wrap_esg2_2_2 .item .txt{border-top: 1px #fff solid;margin-top: 15px;font-size: 16px;padding: 10px 16px;
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
    }
    .wrap_esg2_2_2 .item .txt p{}
    
    .wrap_esg2_2_2 .item .inner{
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .wrap_esg2_2_2 .item.n1,
    .wrap_esg2_2_2 .item.n2,
    .wrap_esg2_2_2 .item.n3,
    .wrap_esg2_2_2 .item.n4,
    .wrap_esg2_2_2 .item.n5{left: 0;top: 0px;}
    
    .wrap_esg2_2_2 .item.n1 .box{ background:#36a11d;}
    .wrap_esg2_2_2 .item.n2 .box{ background:#078184;}
    .wrap_esg2_2_2 .item.n3 .box{ background:#078184;}
    .wrap_esg2_2_2 .item.n4 .box{ background:#3fb1e7;}
    .wrap_esg2_2_2 .item.n5 .box{ background:#3fb1e7;}
    
    .wrap_esg2_2_2 .item.hover{z-index: 10;}
    .wrap_esg2_2_2 .item.hover > .inner{
    
    }
    .wrap_esg2_2_2 .item.hover .cont{
        margin-top: 0;
    }
    .wrap_esg2_2_2 .item.hover .txt{padding: 10px 5px;  font-size: 18px;}
    .wrap_esg2_2_2 .item.hover > .inner .hov,
    .wrap_esg2_2_2 .item.hover > .inner .box{ 
        -moz-transform: scale(1.2) rotate(0deg);
        -webkit-transform: scale(1.2) rotate(0deg);
        -o-transform: scale(1.2) rotate(0deg);
        -ms-transform: scale(1.2) rotate(0deg);
        transform: scale(1.2) rotate(0deg);
        box-shadow: 11px 10px 33px -6px rgba(0,0,0,0.21);
        -webkit-box-shadow: 11px 10px 33px -6px rgba(0,0,0,0.21);
        -moz-box-shadow: 11px 10px 33px -6px rgba(0,0,0,0.21);
    }
    .wrap_esg2_2_2 .item.nohover > .inner{ 
        opacity:0.7; 
        -moz-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -o-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    
    }
}

.table_down {position: relative; display: block; width: 100%; height: 40px; border: 1px solid #222; background-color: transparent; line-height: 38px; text-align: left; box-sizing: border-box; padding: 0 20px; margin: 10px auto; }
.table_down:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.table_down:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #333; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
.table_down span { display: inline-block; font-size: 16px; font-weight: 700; color: #222; position: relative; z-index: 1; overflow: hidden; }
.table_down:hover { border-color: #333; }
.table_down:hover:before { width: 100%; }
.table_down:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
.table_down:hover span { color: #fff; }
.table_down:hover span:before { left: 100%; transition-delay: 0.35s; }

/*  */
#contribution_01_sec_01{min-height: 100% !important;}
#contribution_01_sec_01 .title { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; padding-bottom: 15px; position: relative; margin-bottom: 15px; }
#contribution_01_sec_01 .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #222; transform: skew(-30deg); }
#contribution_01_sec_01 .text { font-size: 20px; line-height: 38px; color: #222; text-align: center; }

#contribution_01_sec_02 { min-height: auto; }
#contribution_01_sec_02 > .inner { padding-bottom: 10%; }
#contribution_01_sec_02 > .bg { height: 140%; }
#contribution_01_sec_02 .title { font-size: 25px; font-weight: bold; line-height: 30px; color: #fff; padding-bottom: 15px; position: relative; margin-bottom: 50px; }
#contribution_01_sec_02 .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #fff; transform: skew(-30deg); }
#contribution_01_sec_02 .text { font-size: 20px; line-height: 38px; color: #fff; text-align: center; margin-bottom: 50px;}
#contribution_01_sec_02 ul { display: flex; max-width: 1140px; margin: 0 auto; }
#contribution_01_sec_02 ul li { width: 33.333%; padding: 0 40px; }
#contribution_01_sec_02 ul li .tit { font-size: 45px; color: #fff; padding: 40px 0; display: inline-block; position: relative; }
#contribution_01_sec_02 ul li .tit:after { content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: -25px; z-index: 0; background-repeat: no-repeat; background-size: contain; }
#contribution_01_sec_02 ul li:nth-child(1) .tit:after { width: 112px; height: 82px; background-image: url(../images/esg/contribution_01_sec_02_obj1.png); }
#contribution_01_sec_02 ul li:nth-child(2) .tit:after { width: 102px; height: 87px; background-image: url(../images/esg/contribution_01_sec_02_obj2.png); }
#contribution_01_sec_02 ul li:nth-child(3) .tit:after { width: 86px; height: 80px; background-image: url(../images/esg/contribution_01_sec_02_obj3.png); }
#contribution_01_sec_02 ul li .txt { font-size: 16px; color: #fff; line-height: 30px; }

#contribution_01_sec_03{min-height: 100% !important;}
#contribution_01_sec_03 .title { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; padding-bottom: 15px; position: relative; margin-bottom: 15px; }
#contribution_01_sec_03 .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #222; transform: skew(-30deg); }
#contribution_01_sec_03 .top { text-align: center; }
#contribution_01_sec_03 .top .tit { font-size: 30px; font-weight: bold; line-height: 30px; color: #00578a; margin: 40px 0; background-color: #ecf2f5; border-radius: 30px; padding: 1rem;}
#contribution_01_sec_03 .top .txt { font-size: 16px; line-height: 30px; color: #333; margin-bottom: 20px; }
#contribution_01_sec_03 .top ul { display: flex; justify-content: center; margin-bottom: 40px; }
#contribution_01_sec_03 .top ul li { padding: 0 20px; height: 40px; border-radius: 40px; font-size: 16px; line-height: 40px; color: #497189; background-color: #ecf2f5;  }
#contribution_01_sec_03 .top ul li + li { margin-left: 30px; }
#contribution_01_sec_03 .line, #contribution_01_sec_04 .line { text-align: center; margin-bottom: 15px; }
#contribution_01_sec_04 .line.line2 { margin-bottom: 0; }
#contribution_01_sec_03 .line img { display: inline-block; }
#contribution_01_sec_04 .line img { display: block; margin: 0 auto; }
#contribution_01_sec_03 .bot { text-align: center; margin-bottom: 25px; }
#contribution_01_sec_03 .bot ul { display: flex; justify-content: center; flex-wrap: nowrap; gap: 40px;}
#contribution_01_sec_03 .bot ul li { width: 33.333%;}
#contribution_01_sec_03 .bot ul li .tit { font-size: 30px; font-weight: bold; color: #00578a; margin-bottom: 20px; }
#contribution_01_sec_03 .bot ul li .txt { font-size: 16px; line-height: 25px; color: #222; min-height: 50px; }
#contribution_01_sec_03 .bot ul li .obj img { display: inline-block; }
#contribution_01_sec_03 .bot ul li dl { width: 260px; margin: 0 auto; text-align: left; }
#contribution_01_sec_03 .bot ul li dl dd { font-size: 15px; color: #848484; padding-left: 10px; text-indent: -10px; }
#contribution_01_sec_03 .bot ul li dl dd + dd { margin-top: 10px; }
#contribution_01_sec_03 .bottom_popup ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }
#contribution_01_sec_03 .bottom_popup ul img { width: 100%; }
#contribution_01_sec_03 .bottom_popup ul .tit { text-align: center; font-size: 18px; font-weight: 500; color: #00578a; margin-bottom: 10px; border: 1px solid #E4E4E4; line-height: 50px; box-shadow: 8px 8px 8px rgba(0, 165, 229, .05); }
#contribution_01_sec_03 > .inner { padding: 4% 0 0; }
#contribution_01_sec_04{min-height: 100% !important;}
#contribution_01_sec_04 > .inner { padding: 0 0 4%; }
#contribution_01_sec_04 .title { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; padding-bottom: 15px; position: relative; margin-bottom: 15px; }
#contribution_01_sec_04 .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #222; transform: skew(-30deg); }
#contribution_01_sec_04 button{vertical-align: middle;border-radius: 0;outline: 0;border: none;background: none;-webkit-appearance: none;cursor: pointer;}
#contribution_01_sec_04 .pop_flex {display: flex;align-items: center;justify-content: space-between;}
#contribution_01_sec_04 .cont_wrap{display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; box-sizing: border-box;}
#contribution_01_sec_04 .cont_wrap .cont_cont { box-sizing: border-box; }
/* #contribution_01_sec_04 .cont_wrap.cont_wrap_1 { margin-bottom: 2%; } */
#contribution_01_sec_04 .cont_wrap .popup_view_btn { width: 100%; font-size:16px;font-weight: 400;color: #848484; text-align: center; padding: 0; box-sizing: border-box; margin-top: 5px; }
#contribution_01_sec_04 .cont_wrap .popup_view_btn:focus { outline-offset:2px; outline:2px dashed #00588a; }
#contribution_01_sec_04 .cont_wrap .popup_view_btn .img_box_wrap { overflow: hidden; box-sizing: border-box; position: relative; }
#contribution_01_sec_04 .cont_wrap .popup_view_btn .img_box_wrap img { width: 100%; box-sizing: border-box; transition: all 0.5s ease-out; max-width: 100%; display: block; object-fit: cover; }
#contribution_01_sec_04 .cont_wrap .popup_view_btn .img_box_wrap .more { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 20px; font-weight: bold;   }
#contribution_01_sec_04 .cont_wrap .popup_view_btn:hover .img_box_wrap::after,
#contribution_01_sec_04 .cont_wrap .popup_view_btn:focus .img_box_wrap::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);  }
#contribution_01_sec_04 .cont_wrap .popup_view_btn:hover .img_box_wrap img,
#contribution_01_sec_04 .cont_wrap .popup_view_btn:focus .img_box_wrap img { box-sizing: border-box; transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15);}
#contribution_01_sec_04 .cont_wrap .popup_view_btn:hover .img_box_wrap .more,
#contribution_01_sec_04 .cont_wrap .popup_view_btn:focus .img_box_wrap .more { display: inline-block; z-index: 1; }
#contribution_01_sec_04 .cont_wrap button.popup_view_btn:nth-child(2) { margin-top: 60px; }
#contribution_01_sec_04 .cont_wrap .popup_view_btn .tit { font-size: 20px; margin-bottom: 20px; border: 1px solid #E4E4E4; box-shadow: 5px 5px 0 rgba(0, 165, 229, .05); width: 100%; padding: 15px 10px; box-sizing: border-box; color: #00578a; }
#contribution_01_sec_04 .cont_popup {display: none;width: 100%;height: 100%;position: fixed;bottom: 5%;left: 0; z-index: 9999999;}
#contribution_01_sec_04 .cont_popup .popup_wrap {width: calc(100% - 30px); max-width: 600px; position: absolute; bottom: 0; left: 50%;transform: translate(-50%, -10%);-webkit-box-shadow: 13px 13px 9px -9px rgba(0, 0, 0, 0.43);box-shadow: 13px 13px 9px -9px rgba(0, 0, 0, 0.43);}
#contribution_01_sec_04 .cont_popup .popup_top {padding: 15px 20px;background: #00578a;}
#contribution_01_sec_04 .cont_popup .popup_top h2 {font-size: 18px; font-weight: 400;color: #fff;}
#contribution_01_sec_04 .cont_popup .popup_content {max-height: 760px;overflow-y: auto;padding: 20px;box-sizing: border-box;background: #fff;}
#contribution_01_sec_04 .cont_popup .cont_top {text-align: center;position: relative; margin-bottom: 15px;}
#contribution_01_sec_04 .cont_popup .cont_top .ttl {font-size: 24px; font-weight: 700;line-height: 1.5;color: #454545;}
#contribution_01_sec_04 .cont_popup .popup_content .popup_box{padding-bottom: 5%;}
#contribution_01_sec_04 .cont_popup .popup_content .popup_box .pb_img{width: 100%;}
#contribution_01_sec_04 .cont_popup .popup_content .popup_box img{display: block; max-width: 100%; width: 100%;}
#contribution_01_sec_04 .cont_popup .popup_content .popup_box .popup_pd{display: flex; flex-wrap: wrap; gap: 30px;}
#contribution_01_sec_04 .cont_popup .popup_content .popup_box .popup_pd .pb_text{font-size: 16px; line-height: 25px; color: #222;}
#contribution_01_sec_04 .cont_popup .popup_wrap .pop_close {display: block;width: 19px;height: 19px;background: url('../images/esg/popup_close.png') no-repeat center;background-size: auto; position: absolute; top: 3%; right: 3.5%;}
#contribution_01_sec_04 .cont_popup .popup_wrap .pop_close:focus { outline-width: 2px; outline-offset: 2px; outline-style: dashed; outline-color: #fff; }

[id*='contribution_02_'] { align-items: flex-start; min-height: auto; }
[id*='contribution_02_'] .secTitle { font-size: 45px; line-height: 60px; font-weight: bold; color: #222; margin-bottom: 50px; }
[id*='contribution_02_'] ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 100px; }
[id*='contribution_02_'] ul li .tit { font-size: 25px; font-weight: bold; line-height: 50px; border-bottom: 2px solid #828282; color: #333; margin-bottom: 30px; }
[id*='contribution_02_'] ul li .obj { margin-bottom: 30px; }
[id*='contribution_02_'] ul li .txt { font-size: 18px; line-height: 34px; color: #333; }
[id*='contribution_02_'] .title { font-size: 18px; line-height: 34px; color: #005789; font-weight: bold; }
[id*='contribution_02_'] .text { font-size: 18px; line-height: 34px; color: #333; margin-bottom: 40px; }
[id*='contribution_02_'] table { border-top: 2px solid #005789; width: 100%; }
[id*='contribution_02_'] table thead th { font-size: 14px; line-height: 18px; height: 60px; color: #333; border-bottom: 1px solid #bbb; vertical-align: middle; }
[id*='contribution_02_'] table tbody th { font-size: 16px; height: 70px; color: #333; text-align: center; background-color: #f2f2f2; border-bottom: 1px solid #bbb; vertical-align: middle; width: 200px; }
[id*='contribution_02_'] table tbody td { font-size: 18px; height: 70px; color: #333; text-align: center; border-bottom: 1px solid #bbb; vertical-align: middle; }

#contribution_02_sec_04 .secTitle { text-align: center; font-size: 40px; color: #fff; margin-bottom: 30px; }
#contribution_02_sec_04 .secContents { text-align: center; }
#contribution_02_sec_04 .secContents img { display: inline-block; }




#report_01_sec_01 { align-items: flex-start; min-height: auto; }
#report_01_sec_01 .title { max-width: 1280px; font-size: 32px; line-height: 44px; font-weight: bold; color: #333; margin: 0 auto; margin-bottom: 40px; text-align: center; }
#report_01_sec_01 .text { font-size: 20px; line-height: 38px; letter-spacing: -0.06rem; color: #666; text-align: center; max-width: 1280px; margin: 0 auto; }

#report_01_sec_02 { align-items: flex-start; min-height: auto; margin: 0 auto; max-width: 90%; overflow: unset; margin-top: 50px; }
#report_01_sec_02 > .inner { max-width: 1400px; padding: 100px 0; padding-left: 600px; }
#report_01_sec_02 > .bg > .img { height: 115%; }
#report_01_sec_02 .obj { position: absolute; top: 50%; left: 120px; transform: translateY(-50%); }
#report_01_sec_02 .title { font-size: 40px; line-height: 50px; font-weight: bold; color: #fff; margin-bottom: 20px; }
#report_01_sec_02 .text { font-size: 16px; line-height: 30px; color: #fff; margin-bottom: 70px; max-width: 700px; }
#report_01_sec_02 .btns { margin-top: 30px; }
#report_01_sec_02 .btns a { display: inline-block; }
#report_01_sec_02 .btns a + a { margin-left: 8px; }
#report_01_sec_02 .btns a { position: relative; display: inline-block; width: 240px; height: 60px; border: 1px solid #fff; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#report_01_sec_02 .btns a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #fff; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#report_01_sec_02 .btns a:after { content: ''; position: absolute; top: 50%; right: 15px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_w.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#report_01_sec_02 .btns a span { display: inline-block; font-size: 16px; color: #fff; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
/* #report_01_sec_02 .btns a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #fff;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
} */
#report_01_sec_02 .btns a:hover { border-color: #fff; }
#report_01_sec_02 .btns a:hover:before { width: 100%; }
#report_01_sec_02 .btns a:hover:after { background: url(../images/ico/ico_download_black.png) center no-repeat; transition-delay: 0.35s; }
#report_01_sec_02 .btns a:hover span { color: #222; }
#report_01_sec_02 .btns a:hover span:before { left: 100%; transition-delay: 0.35s; }

#report_01_sec_02 .btns_notice{font-size: 0.875rem; color: #fff; padding: 1.5rem;}


#report_01_sec_03 { align-items: flex-start; min-height: auto; }
#report_01_sec_03 ul { border-top: 2px solid #5c5c5c; }
#report_01_sec_03 ul li { border-bottom: 1px solid #e2e2e2; padding: 40px 60px; padding-left: 450px; position: relative; min-height: 360px; box-sizing: border-box; }
#report_01_sec_03 .obj { position: absolute; top: 40px; left: 95px; }
#report_01_sec_03 .title { font-size: 24px; line-height: 30px; color: #333; margin-bottom: 20px; }
#report_01_sec_03 .text { font-size: 16px; line-height: 30px; height: 120px; color: #666; margin-bottom: 40px; }
#report_01_sec_03 .btns { margin-top: 30px; }
#report_01_sec_03 .btns a { display: inline-block; }
#report_01_sec_03 .btns a + a { margin-left: 8px; }
#report_01_sec_03 .btns a { position: relative; display: inline-block; width: 240px; height: 60px; border: 1px solid #333; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#report_01_sec_03 .btns a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #333; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#report_01_sec_03 .btns a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#report_01_sec_03 .btns a span { display: inline-block; font-size: 16px; color: #333; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#report_01_sec_03 .btns a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #333;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#report_01_sec_03 .btns a:hover { border-color: #222; }
#report_01_sec_03 .btns a:hover:before { width: 100%; }
#report_01_sec_03 .btns a:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#report_01_sec_03 .btns a:hover span { color: #fff; }
#report_01_sec_03 .btns a:hover span:before { left: 100%; transition-delay: 0.35s; }

/* add 211116 */
.report_listBox {align-items: flex-start; min-height: auto; margin: 0 auto; max-width: 100%; overflow: unset; margin-top: 50px;}
.report_listBox .reR_con02 {width: 90%; max-width: 1400px; margin: 60px auto 0; padding: 4% 0;}
.report_listBox .reR_con02::after {content: ''; display: table; clear: both;}
.report_listBox .reR_con02 .con02 {float: left; width:22%; margin-left: 4%; color: #fff; box-sizing: border-box; }
.report_listBox .reR_con02 .con02:nth-child(1),.report_listBox .reR_con02 .con02:nth-child(5){margin-left: 0; }
.report_listBox .reR_con02 .con02:nth-child(5), .report_listBox .reR_con02 .con02:nth-child(6), .report_listBox .reR_con02 .con02:nth-child(7){margin-top: 4%;}
.report_listBox .reR_con02 .con02 .c02_line ul {position: relative;}
.report_listBox .reR_con02 .con02 .c02_line ul li.c02_BtnBox {position: absolute; bottom: 0; width: 100%; padding: 15px 10px; box-sizing: border-box; background-color:rgba(37,41,44,.9);}
.report_listBox .reR_con02 .con02 .c02_line ul li.c02_BtnBox p {font-size: 1rem; margin-bottom: 15px; font-weight: 500; color: #fff; }
.report_listBox .reR_con02 .con02 .c02_line ul li img {border: solid 1px #bbb; box-sizing: border-box;}
.report_listBox .reR_con02 .con02 .c02_line ul li ul.c02_Btn {width: 100%; margin-top: 5px;}
ul.c02_Btn::after {content: ''; display: block; clear: both;}
ul.c02_Btn li {float: left; /*width: 48%;*/ width: 100%;}
/*ul.c02_Btn li:last-child {margin-left: 4%;}*/
ul.c02_Btn li a {width: 100%; color: #fff; padding: 10px 15px; display: block; font-size: 0.875rem; font-weight: 700; position: relative; box-sizing: border-box; border: solid 1px #fff;}
ul.c02_Btn li a::after {content: ''; display: block; background: url('../images/ico/ico_download_w.png') center no-repeat; width: 12px; height: 16px; position: absolute; background-size: 100%; top: 12px; right: 15px;}
ul.c02_Btn li a:hover {background-color: #fff; color: #000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
ul.c02_Btn li a:hover::after { background: url('../images/ico/ico_download_black.png') center no-repeat; background-size: 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

[id*='report_02_sec_'] { align-items: flex-start; min-height: auto; }
[id*='report_02_sec_'] .title { font-size: 40px; font-weight: bold; color: #222; margin-bottom: 40px; }
[id*='report_02_sec_'] .text { font-size: 20px; line-height: 38px; color: #333; margin-bottom: 20px; }
[id*='report_02_sec_'] .table { width: 100%; border-top: 2px solid #333; }
[id*='report_02_sec_'] .table thead th { vertical-align: middle; height: 70px; font-size: 16px; color: #333; border-bottom: 1px solid #333; }
[id*='report_02_sec_'] .table tbody th,
[id*='report_02_sec_'] .table tbody td { vertical-align: middle; height: 180px; font-size: 20px; color: #333; border-bottom: 1px solid #e3e3e3; text-align: center; }
[id*='report_02_sec_'] .table tbody td img { display: inline-block; }
[id*='report_02_sec_'] .table tbody th { font-weight: bold; }
[id*='report_02_sec_'] .sub { padding-left: 345px; position: relative; padding-bottom: 50px; }
[id*='report_02_sec_'] .sub .subTit { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='report_02_sec_'] .sub .subTit:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='report_02_sec_'] .sub .subTxt { font-size: 20px; line-height: 30px; color:666; margin-bottom: 40px; }
[id*='report_02_sec_'] .sub .tableTit { font-size: 16px; font-weight: bold; color: #00578a; margin-bottom: 20px; }
[id*='report_02_sec_'] .subTable { width: 100%; border-top: 2px solid #000; margin-bottom: 50px; }
[id*='report_02_sec_'] .subTable thead th { vertical-align: middle; height: 60px; font-size: 18px; color: #333; border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9; }
[id*='report_02_sec_'] .subTable tbody th,
[id*='report_02_sec_'] .subTable tbody td { vertical-align: middle; height: 85px; font-size: 15px; color: #333; border-bottom: 1px solid #e9e9e9; padding: 0 40px; text-align: left; }
[id*='report_02_sec_'] .subTable tbody th.center,
[id*='report_02_sec_'] .subTable tbody td.center { text-align: center; }
[id*='report_02_sec_'] .subTable tbody th { font-size: 18px; font-weight: bold; background-color: #eff0f4; }
[id*='report_02_sec_'] .subTable tbody th.small { font-size: 16px; font-weight: normal; }



/* Business */
[id*='energy_sec_'] { align-items: flex-start; min-height: auto; }
[id*='energy_sec_'] .secTitle { font-size: 50px; font-weight: bold; color: #333; margin-bottom: 60px; }
[id*='energy_sec_'] .subTit { font-size: 35px; font-weight: bold; color: #333; margin-bottom: 40px; }
[id*='energy_sec_'] .subTit2 { font-size: 25px; font-weight: bold; color: #333; margin-bottom: 20px; }
[id*='energy_sec_'] .secContents.grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 50px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 50px; }
[id*='energy_sec_'] .secContents .text { font-size: 18px; line-height: 35px; color: #333; margin-bottom: 40px; -ms-grid-row: 1; -ms-grid-column: 1; }
[id*='energy_sec_'] .secContents .obj { -ms-grid-row: 1; -ms-grid-column: 3; display: flex; }
[id*='energy_sec_'] .secContents .obj li + li { margin-left: 20px; }
[id*='energy_sec_'] .secContents .obj img { display: inline-block; }
[id*='energy_sec_'] .sub + .sub { margin-top: 150px; }

[id*='energy_sec_'] .sugan{display: flex; justify-content: center; align-items: center; gap: 70px; border: 1px solid #ccc; border-radius: 10px;}
[id*='energy_sec_'] .sugan .text_box .tt{font-size: 35px; font-weight: bold; color: #333; margin-bottom: 40px;}
[id*='energy_sec_'] .sugan .text_box .tx{font-size: 18px; line-height: 35px; color: #333;}


#energy_sec_02 > .inner { padding-top: 160px; }
#energy_sec_02 > .bg { height: 65%; }
#energy_sec_02 > .bg > .img { height: 130%; }
#energy_sec_02 ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 35px 1fr 35px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 35px; }
#energy_sec_02 ul li { width: 100%; padding: 5px; background-color: #fff; border-radius: 10px; border: 1px solid #e9e9e9; box-sizing: border-box; box-shadow: 9px 13px 24px 0px rgba(0, 0, 0, 0.12); text-align: center; }
#energy_sec_02 ul li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#energy_sec_02 ul li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#energy_sec_02 ul li:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
#energy_sec_02 ul li img { display: inline-block; }


#energy_sec_03 > .inner { width: 100%; max-width: 100%; }
#energy_sec_03 .secTitle { width: 90%; max-width: 1400px; margin: 0 auto; margin-bottom: 60px; }
#energy_sec_03_01 .subTit { width: 90%; max-width: 1400px; margin: 0 auto; margin-bottom: 40px; }
#energy_sec_03_01 .secContents .text { width: 90%; max-width: 1400px; margin: 0 auto; margin-bottom: 40px; }
#energy_sec_03_01 .secContents .obj {  }
#energy_sec_03_01 .secContents .obj svg { display: block; width: 90%; max-width: 1400px; margin: 0 auto; }

#energy_sec_03_01 .st18,
#energy_sec_03_01 .st19 {  
  animation-name: st67_kf;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes st67_kf {
    0% {fill:#5E80FF;}
    50% {fill:#0d3e64;}
    100% {fill:#5E80FF;} 
}


#energy_sec_03_02 { width: 90%; max-width: 1400px; margin: 0 auto; margin-top: 150px; }
#energy_sec_03_02 .secContents { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }
#energy_sec_03_02 .secContents .text { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; padding-right: 200px; }
#energy_sec_03_02 .secContents .obj { margin-top: -90px; }


#energy_sec_04 { background-color: #102846; }
#energy_sec_04 .subTit { font-size: 24px; text-align: center; color: #fff; }

#energy_sec_05_01 .table { -ms-grid-row: 1; -ms-grid-column: 3; }
#energy_sec_05_01 .table table { width: 100%; border-top: 2px solid #005789; }
#energy_sec_05_01 .table table thead th { border-bottom: 1px solid #bbb; font-size: 14px; font-weight: 500; line-height: 18px; color: #333; height: 55px; vertical-align: middle; }
#energy_sec_05_01 .table table tbody th,
#energy_sec_05_01 .table table tbody td { font-size: 14px; color: #333; text-align: center; border-bottom: 1px solid #ddd; height: 50px; vertical-align: middle; }
#energy_sec_05_01 .table table tbody th { background-color: #f2f2f2; }
#energy_sec_05_01 .tit { font-size: 25px; color: #005789; font-weight: bold; margin-bottom: 40px; text-align: center; margin-top: 100px; }
#energy_sec_05_01 ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 35px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 35px; }
#energy_sec_05_01 ul li { width: 100%; padding: 5px; background-color: #fff; border-radius: 10px; border: 1px solid #e9e9e9; box-sizing: border-box; box-shadow: 9px 13px 24px 0px rgba(0, 0, 0, 0.12); text-align: center; }
#energy_sec_05_01 ul li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#energy_sec_05_01 ul li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#energy_sec_05_01 ul li img { display: inline-block; }
#energy_sec_05_02 .secContents .obj { margin-top: -90px; }


#energy_sec_06 .text { margin-bottom: 40px; }
#energy_sec_06 .text.content-text { margin-bottom: 0; }
#energy_sec_06 .text li + li { margin-top: 40px; }
#energy_sec_06 .text li { padding-left: 100px; position: relative; }
#energy_sec_06 .text li .tit { font-size: 20px; line-height: 36px; font-weight: bold; color: #333; position: absolute; top: 0; left: 0; }
#energy_sec_06 .text li .txt { font-size: 18px; line-height: 36px; color: #333; }
#energy_sec_06 .table table { width: 100%; border-top: 2px solid #000; }
#energy_sec_06 .table.battery_table table { border-top: 2px solid #217aaf; }
#energy_sec_06 .table table thead th { background-color: #f9f9f9; border-bottom: 1px solid #e9e9e9; font-size: 15px; line-height: 35px; vertical-align: middle; height: 60px; text-align: center; }
#energy_sec_06 .table.battery_table table thead th { background-color: #e5eff8; }
#energy_sec_06 .table table tbody th,
#energy_sec_06 .table table tbody td { font-size: 15px; color: #666; line-height: 32px; padding: 20px 30px; vertical-align: middle; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; }
#energy_sec_06 .table table tbody td.center { text-align: center; }
#energy_sec_06 .table table tbody th { background-color: #eef0f4; font-size: 15px; color: #183039; border-left: 0; }
#energy_sec_06 .table.battery_table table tbody th { background-color: #fcfdfe; }
#energy_sec_06 .table table tbody td .prd { display: inline-block; }
#energy_sec_06 .table table tbody td .prd > * { display: inline-block; vertical-align: middle; }
#energy_sec_06 .table table tbody td .prd > span { font-size: 16px; font-weight: bold; color: #333; margin-left: 20px; }

#energy_sec_06 .energy_cont{width: 100%; max-width: 1400px; margin: 0 auto; padding: 40px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 10px; letter-spacing: -0.05rem;}
#energy_sec_06 .energy_cont_wrap{display: flex; justify-content: space-between; gap: 20px;}
#energy_sec_06 .energy_cont_box{background-color: #f8fafb; border: 1px solid #f0f0f0; border-radius: 10px; padding: 2rem; box-sizing: border-box;}
#energy_sec_06 .energy_cont_box p{font-size: 25px; font-weight: bold; color: #333; margin-bottom: 20px;}
#energy_sec_06 .energy_cont_box span{display: block; font-size: 14px; line-height: 1; color: #666; margin-top: 10px;}
#energy_sec_06 .energy_cont_box img{display: block; width: 100%; max-width: 100%;}
#energy_sec_06 .energy_cont_box .box_list{display: flex; justify-content: flex-start; gap: 20px;}
#energy_sec_06 .energy_cont_box .box_list li{display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; }
#energy_sec_06 .energy_cont_box .box_list li::before{content: ""; display: block; width: 18px; height: 18px; background-color: #00b8ff;}
#energy_sec_06 .energy_cont_box .box_list li:nth-child(2)::before{background-color: #0082cf;}
#energy_sec_06 .energy_cont_box .box_list li:nth-child(3)::before{background-color: #005c9c;}

/* 양/음극재 */
#energy_sec_06 .sub .box-gray_1 { border: 1px solid #cccccc; padding: 40px; border-radius: 10px; }
#energy_sec_06 .sub .line-top { border-top: 1px solid #d8d8d8; }
#energy_sec_06 .sub .pr-pt-n { padding-top: 60px; }
#energy_sec_06 .sub .pr-mt-n { margin-top: 60px; }
#energy_sec_06 .sub .ta-c { text-align: center; }
.box_map_type1 { border: 1px #9aa9b2 solid; border-radius: 10px; box-shadow: 10px 6px 20px -12px rgba(0,0,0,0.2); -webkit-box-shadow: 10px 6px 20px -12px rgba(0,0,0,0.2); -moz-box-shadow: 10px 6px 20px -12px rgba(0,0,0,0.2); position: absolute; background: #fff; left: 0; top: 0; z-index: 2; width: 305px; }
.box_map_type1 .thumb { padding: 10px; }
.box_map_type1 .cont { text-align: left; padding: 10px 20px 20px; }
.box_map_type1 .cont .h_1 { font-size: 19px; font-weight: 600; }
.box_map_type1 .cont .lst { margin-top: 10px; }
.box_map_type1 .cont .lst li.fx{ display: flex; }
.box_map_type1 .cont .lst li.fx { flex-direction: column; }
.box_map_type1 .cont .lst li.fx .h.sz1{ min-width: 70px; }
.box_map_type1 .cont .lst li.fx .h.sz2{ min-width: 40px; }

@keyframes zoom { 0% { transform: scale(0.7); opacity: .75;} 100% { transform: scale(1.2); opacity: 0;} }
[class*="wrap_bus2_map"] { padding-top: 70px; padding-bottom: 70px; text-align: center; position: relative; display: inline-block; }
[class*="wrap_bus2_map"] [class*="area"]{ position: absolute; left: 0; top: 0;}
[class*="wrap_bus2_map"] [class*="line_n"] { position: absolute; left: 0px; top: 0; z-index: 1; }
[class*="wrap_bus2_map"] [class*="line_n"] img { max-width: none; }
[class*="wrap_bus2_map"] .circle { position: absolute; left: -20px; bottom: 30px; display: flex; width: 50px; height: 50px; border-radius: 50%; border: 2px transparent solid; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; font-size: 0; overflow: hidden; }
[class*="wrap_bus2_map"] .circle:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; content: ""; background: transparent; z-index: 0; background-color: #1963e1; animation: zoom 1.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; }
[class*="wrap_bus2_map"] .circle:after{width:10px; height:10px; border-radius:50%; background-color:#fff; border: 10px solid #1963e1; content:""; z-index: 1; position: relative; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

.wrap_bus2_map1_1 .box_map_type1.n1 { left: -290px; top: 200px; }
.wrap_bus2_map1_1 .line_n1 { top: 420px; left: 10px; }
.wrap_bus2_map1_1 .line_n1 .circle { left: auto; top: auto; right: -20px; bottom: -13px; }
.wrap_bus2_map1_1 .box_map_type1.n2{left: 460px;top: 30px;}
.wrap_bus2_map1_1 .line_n2{top: 290px;left: 330px;}
.wrap_bus2_map1_1 .line_n2 .circle{right: auto;top:auto;left: -20px;bottom: -13px;}
.wrap_bus2_map1_1 .box_map_type1.n3{left: 490px;top: 420px;}
.wrap_bus2_map1_1 .line_n3{top: 380px;left: 395px;}
.wrap_bus2_map1_1 .line_n3 .circle{right: auto;bottom: auto;left: -19px;top: -21px;}

.wrap_bus2_map1_2{ padding-bottom: 220px; }
.wrap_bus2_map1_2 .box_map_type1.n1{left: -50px;top: 370px;}
.wrap_bus2_map1_2 .line_n1{top: 262px;left: 154px;}
.wrap_bus2_map1_2 .line_n1 .circle{left:auto;bottom: auto;right: -20px;top: -23px;}
.wrap_bus2_map1_2 .box_map_type1.n2{left: 670px;top: 300px;}
.wrap_bus2_map1_2 .line_n2{top: 212px;left: 640px;}
.wrap_bus2_map1_2 .line_n2 .circle{right: auto;bottom: auto;left: -20px;top: -24px;}

.wrap_bus2_map1_3 .circle:before{ background-color: #19b1a4; }
.wrap_bus2_map1_3 .circle:after{ border-color: #19b1a4; }
.wrap_bus2_map1_3 .box_map_type1.n1{ left: -290px; top: 200px;}
.wrap_bus2_map1_3 .line_n1{top: 250px;left: 10px;}
.wrap_bus2_map1_3 .line_n1 .circle{left:auto;top:auto;right: -20px;bottom: -13px;}
.wrap_bus2_map1_3 .box_map_type1.n2{left: 460px;top: 30px;}
.wrap_bus2_map1_3 .line_n2{top: 282px;left: 213px;}
.wrap_bus2_map1_3 .line_n2 .circle{right: auto;top:auto;left: -20px;bottom: -13px;opacity: 0;}
.wrap_bus2_map1_3 .box_map_type1.n3{left: 490px;top: 420px;}
.wrap_bus2_map1_3 .line_n3{top: 380px;left: 395px;}
.wrap_bus2_map1_3 .line_n3 .circle{right: auto;bottom: auto;left: -19px;top: -21px;}

@media screen and (max-width: 840px){
    [class*="wrap_bus2_map"]{padding-top: 0;padding-bottom: 0;display: block;}
    [class*="wrap_bus2_map"] [class*="area"]{ position: absolute; left: 0; top: 0;}
    
    [class*="wrap_bus2_map"] [class*="line_n"]{ display:none;}
    [class*="wrap_bus2_map"] [class*="line_n"] img{ max-width:none;}
    
    [class*="wrap_bus2_map"] .circle{display:none}
    [class*="wrap_bus2_map"] .thumb img{ width:100%;}
    [class*="wrap_bus2_map"] .bg_map{ display:none;}
    .wrap_bus2_map1_1 .box_map_type1{position:relative;}
    .wrap_bus2_map1_1 .box_map_type1.n1,
    .wrap_bus2_map1_1 .box_map_type1.n2,
    .wrap_bus2_map1_1 .box_map_type1.n3{left: 0;top: 0;margin:5vw 0;width: 100%;}
    .wrap_bus2_map1_1 .line_n3{top: 380px;left: 395px;}
    .wrap_bus2_map1_1 .line_n3 .circle{right: auto;bottom: auto;left: -19px;top: -21px;}
    
    
    .wrap_bus2_map1_2{padding-bottom: 0;}
    .wrap_bus2_map1_2 .box_map_type1.n1,
    .wrap_bus2_map1_2 .box_map_type1.n2,
    .wrap_bus2_map1_3 .box_map_type1.n1,
    .wrap_bus2_map1_3 .box_map_type1.n2,
    .wrap_bus2_map1_3 .box_map_type1.n3{left: 0;top: 0;width: 100%;position: relative;margin: 5vw 0;}
	
	.box_map_type1 .cont .h_1{ /*250310 혜련 font-size 추가*/ font-size: 4.6vw;}
}





[id*='refractory_sec_'] { align-items: flex-start; min-height: auto; }
[id*='refractory_sec_'] .secTitle { font-size: 50px; font-weight: bold; color: #333; margin-bottom: 60px; }
[id*='refractory_sec_'] .subTit { font-size: 35px; font-weight: bold; color: #333; margin-bottom: 40px; }
[id*='refractory_sec_'] .secContents .text { font-size: 18px; line-height: 35px; color: #333; margin-bottom: 40px; }


#refractory_sec_01 .secContents { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 100px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 100px; }
#refractory_sec_01 .secContents > div:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#refractory_sec_01 .secContents > div:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#refractory_sec_01 .secContents .obj { margin-top: -70px; }

#refractory_sec_02 { min-height: 490px; align-items: center; }
#refractory_sec_02 > .inner { max-width: 1200px; }
#refractory_sec_02 > .bg .img { height: 125%; }
#refractory_sec_02 .text { font-size: 35px; font-weight: bold; line-height: 50px; color: #fff; padding-left: 40px; }

#refractory_sec_03 { background-color: #fff; position: relative; overflow: hidden; }
#refractory_sec_03:after { content: ''; background-color: #f8f8f8; position: absolute; top: 180px; left: 0; bottom: 0; right: 0; }
#refractory_sec_03 .obj { border-top: 1px solid #333; padding-top: 40px; margin-bottom: 20px; }
#refractory_sec_03 .obj img { width: 100%; }
#refractory_sec_03 ul li { display: -ms-grid; display: grid; -ms-grid-columns: 360px 45px auto; grid-template-columns: 360px auto; grid-gap: 45px; }
#refractory_sec_03 ul li > * { border-bottom: 1px solid #d6d6d6; padding: 45px 0; }
#refractory_sec_03 ul li > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#refractory_sec_03 ul li > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#refractory_sec_03 ul li .tit { font-size: 25px; line-height: 36px; font-weight: bold; color: #005789; padding-left: 10px; }
#refractory_sec_03 ul li .txt { font-size: 18px; line-height: 32px; color: #666; }

#refractory_sec_04 .sortMenu { display: flex; margin-bottom: 60px; }
#refractory_sec_04 .sortMenu > li { padding: 5px 0; position: relative; }
#refractory_sec_04 .sortMenu > li + li { margin-left: 45px; }
#refractory_sec_04 .sortMenu > li > a { font-size: 18px; color: #6b6b6b; }
#refractory_sec_04 .sortMenu > li a:hover,
#refractory_sec_04 .sortMenu > li.active a { color: #222; font-weight: bold; }
#refractory_sec_04 .sortMenu > li.active a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #222; }

[id*='biz_prd_list'] { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; margin-left: 0; position: relative; overflow: inherit; }
[id*='biz_prd_list'] .item { width: 33.333%; height: auto; box-sizing: border-box; }
[id*='biz_prd_list'] .item > a { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #fff; border-radius: 12px; box-sizing: border-box; padding: 40px 35px 120px; padding-top: 30px; position: relative; box-shadow: 7px 10px 27px 0px rgba(0, 0, 0, 0.2); }
[id*='biz_prd_list'] .item .ico { margin-bottom: 15px; }
[id*='biz_prd_list'] .item .tit { font-size: 35px; line-height: 45px; font-weight: bold; color: #333; height: 90px; overflow: hidden; margin-bottom: 30px; }
[id*='biz_prd_list'] .item .img { height: auto; }
[id*='biz_prd_list'] .item .txt { font-size: 16px; line-height: 30px; color: #9d9d9d; max-width: 300px; height: 150px; margin-top: 35px; margin-bottom: 90px; overflow: hidden; }
[id*='biz_prd_list'] .item .link { display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; background-color: #fff; border: 1px solid #333; border-radius: 100%; padding: 0; cursor: pointer; position: absolute; bottom: 40px; right: 40px; box-sizing: border-box;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear
}
[id*='biz_prd_list'] .item .link:before { content: '자세히 보기'; position: absolute; right: 100%; margin-right: 10px; font-size: 16px; color: #333; white-space: nowrap; font-family: 'Noto Sans KR', Arial, sans-serif; margin-top: -2px; transform: translateX(-20px); opacity: 0;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear
}
[id*='biz_prd_list'] .item .link:after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin-bottom: 2px; margin-left: -2px; box-sizing: border-box; border-bottom: 2px solid #333; border-right: 2px solid #333; transform: rotate(-45deg); }
[id*='biz_prd_list'] .item > a:hover .link { background-color: #333; }
[id*='biz_prd_list'] .item > a:hover .link:before { transform: translateX(0); opacity: 1; }
[id*='biz_prd_list'] .item > a:hover .link:after { border-color: #fff; }

#biz_prd_view { width: 800px; }
#biz_prd_view > .inner { border-radius: 20px; box-shadow: 3px 4px 17.6px 2.4px rgba(0, 0, 0, 0.13); overflow: hidden; }
#biz_prd_view .modal_header { height: 75px; background-color: #fff; padding: 0; }
#biz_prd_view .modal_header .modal_close { width: 50px; height: 50px; padding: 0; background-color: transparent; border: 0; top: 30px; right: 30px; cursor: pointer; background-size: 50%; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32px' height='32px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(0, 0, 0)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='rgb(0, 0, 0)' d='M29.642,28.405 L28.405,29.642 L15.499,16.737 L2.609,29.626 L1.373,28.390 L14.263,15.501 L1.358,2.595 L2.595,1.358 L15.501,14.263 L28.390,1.373 L29.626,2.609 L16.737,15.499 L29.642,28.405 Z'/%3E%3C/svg%3E"); }
#biz_prd_view .modal_content > .inner { padding: 0 30px 30px; }
#biz_prd_view .modal_footer { background-color: #fafaf9; border: 0; padding: 0; }
#biz_prd_view .modal_footer .swiper-nav { display: flex; height: 100px; padding: 0 50px; align-items: center; justify-content: space-between; }
#biz_prd_view .modal_footer .swiper-nav .swiper-prev button,
#biz_prd_view .modal_footer .swiper-nav .swiper-next button { border: 0; background-color: transparent; cursor: pointer; }
#biz_prd_view .modal_footer .swiper-nav .swiper-prev button:before { content: ''; width: 38px; height: 38px; margin-right: 10px;  background: url(../images/ico/biz_prd_slider_prev.png) center no-repeat; background-size: contain; display: inline-block; vertical-align: middle; }
#biz_prd_view .modal_footer .swiper-nav .swiper-next button:after { content: ''; width: 38px; height: 38px; margin-left: 10px;  background: url(../images/ico/biz_prd_slider_next.png) center no-repeat; background-size: contain; display: inline-block; vertical-align: middle; }
#biz_prd_view .modal_footer .swiper-nav .swiper-prev button .text,
#biz_prd_view .modal_footer .swiper-nav .swiper-next button .text { font-size: 16px; color: #333; padding: 0; line-height: 38px; display: inline-block; vertical-align: middle; }
#biz_prd_view .modal_footer .swiper-nav .swiper-button-disabled button { display: none; }

#biz_prd_slider { max-width: 600px; margin: 0 auto; }
#biz_prd_slider .title { font-size: 36px; font-weight: bold; color: #222; height: 100px; margin-bottom: 20px; overflow: hidden; }
#biz_prd_slider .title span { font-size: 24px; color: #919191; font-weight: normal; display: block; }
#biz_prd_slider .img { margin-bottom: 30px; }
#biz_prd_slider .dec {  }
#biz_prd_slider .tit { font-size: 20px; font-weight: bold; color: #333; margin-bottom: 10px; }
#biz_prd_slider .text { font-size: 20px; line-height: 32px; color: #333; }



[id*='chemical_sec_'] { align-items: flex-start; min-height: auto; }
[id*='chemical_sec_'] .secTitle { font-size: 50px; font-weight: bold; color: #333; margin-bottom: 60px; }
[id*='chemical_sec_'] .subTit { font-size: 35px; font-weight: bold; color: #333; margin-bottom: 40px; }
[id*='chemical_sec_'] .secContents .text { font-size: 18px; line-height: 35px; color: #333; margin-bottom: 40px; }

#chemical_sec_01 .secContents {  }

#chemical_sec_02 { min-height: 490px; align-items: center; }
#chemical_sec_02 > .inner { max-width: 1200px; }
#chemical_sec_02 > .bg .img { height: 125%; }
#chemical_sec_02 .text { font-size: 35px; font-weight: bold; line-height: 50px; color: #fff; padding-left: 40px; }

#chemical_sec_03 { background-color: #fff; position: relative; overflow: hidden; }
#chemical_sec_03:after { content: ''; background-color: #f8f8f8; position: absolute; top: 180px; left: 0; bottom: 0; right: 0; }
#chemical_sec_03 ul { border-top: 1px solid #333; }
#chemical_sec_03 ul li { border-bottom: 1px solid #d6d6d6; padding: 40px 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 60px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 60px; }
#chemical_sec_03 ul li > div:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#chemical_sec_03 ul li > div:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#chemical_sec_03 ul li .tit { font-size: 25px; line-height: 36px; font-weight: bold; color: #005789; margin-top: 30px; margin-bottom: 40px; padding-left: 10px; }
#chemical_sec_03 ul li .txt { font-size: 18px; line-height: 32px; color: #666; padding-left: 10px; }
#chemical_sec_03 ul li img { margin-left: auto; }

#chemical_sec_04 .secTitle { margin-bottom: 40px; }
#chemical_sec_04 .text { font-size: 18px; line-height: 34px; color: #333; margin-bottom: 40px; }


[id*='quicklime_sec'] { align-items: flex-start; min-height: auto; }
[id*='quicklime_sec'] .secTitle { font-size: 50px; font-weight: bold; color: #333; margin-bottom: 60px; }
[id*='quicklime_sec'] .subTit { font-size: 35px; font-weight: bold; color: #333; margin-bottom: 40px; }
[id*='quicklime_sec'] .secContents.grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 100px; }
[id*='quicklime_sec'] .secContents .text { font-size: 18px; line-height: 35px; color: #333; margin-bottom: 40px; }

#quicklime_sec_01 .secContents { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 100px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 100px; }
#quicklime_sec_01 .secContents > div:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#quicklime_sec_01 .secContents > div:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
#quicklime_sec_01 .secContents .obj { margin-top: -70px; }

#quicklime_sec_02 { min-height: 490px; align-items: center; }
#quicklime_sec_02 > .inner { max-width: 1200px; }
#quicklime_sec_02 > .bg .img { height: 125%; }
#quicklime_sec_02 .text { font-size: 35px; font-weight: bold; line-height: 50px; color: #fff; padding-left: 40px; }

#quicklime_sec_03 .table table { width: 100%; border-top: 2px solid #005789; }
#quicklime_sec_03 .table table thead th { border-bottom: 1px solid #bbb; font-size: 14px; font-weight: 500; line-height: 18px; color: #333; height: 55px; vertical-align: middle; }
#quicklime_sec_03 .table table tbody th,
#quicklime_sec_03 .table table tbody td { font-size: 14px; color: #333; text-align: center; border-bottom: 1px solid #ddd; height: 50px; vertical-align: middle; }
#quicklime_sec_03 .table table tbody th { background-color: #f2f2f2; }

#quicklime_sec_04 { background-color: #fff; position: relative; overflow: hidden; }
#quicklime_sec_04:after { content: ''; background-color: #f8f8f8; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
#quicklime_sec_04 .secTitle { margin-bottom: 20px; }
#quicklime_sec_04 .text { font-size: 20px; margin-bottom: 20px; color: #666; }
#quicklime_sec_04 ul { border-top: 1px solid #333; }
#quicklime_sec_04 ul li { border-bottom: 1px solid #d6d6d6; padding: 40px 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px; }
#quicklime_sec_04 ul li .tit { font-size: 25px; line-height: 36px; font-weight: bold; color: #005789; margin-top: 30px; margin-bottom: 40px; padding-left: 10px; }
#quicklime_sec_04 ul li .txt { padding-left: 10px; }
#quicklime_sec_04 ul li .txt .t1 { font-size: 20px; line-height: 32px; color: #333; }
#quicklime_sec_04 ul li .txt .t2 { font-size: 18px; line-height: 32px; color: #666; }
#quicklime_sec_04 ul li img { margin-left: auto; }

#quicklime_sec_05 .secContents { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 100px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 100px; }
#quicklime_sec_05 .secContents > div:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#quicklime_sec_05 .secContents > div:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

/*#quicklime_sec_05 .cont { padding-left: 430px; position: relative; min-height: 360px; }
#quicklime_sec_05 .cont .obj { position: absolute; top: 0; left: 0; }
#quicklime_sec_05 .cont .txt { margin-bottom: 76px; }
#quicklime_sec_05 .cont .txt li + li { margin-top: 20px; }
#quicklime_sec_05 .cont .txt li .h { font-size: 20px; color: #333; width: 170px; }
#quicklime_sec_05 .cont .txt li .t { font-size: 20px; color: #666; }
#quicklime_sec_05 .table table { width: 100%; border-top: 2px solid #005789; }
#quicklime_sec_05 .table table thead th { border-bottom: 1px solid #bbb; font-size: 14px; font-weight: 500; line-height: 18px; color: #333; height: 40px; vertical-align: middle; }
#quicklime_sec_05 .table table thead * + th { border-left: 1px solid #ddd; }
#quicklime_sec_05 .table table tbody th,
#quicklime_sec_05 .table table tbody td { font-size: 14px; color: #333; text-align: center; border-bottom: 1px solid #ddd; height: 50px; vertical-align: middle; padding: 20px; box-sizing: border-box; }
#quicklime_sec_05 .table table tbody th { background-color: #f2f2f2; }
#quicklime_sec_05 .table table tbody * + td { border-left: 1px solid #ddd; }*/

#quicklime_sec_06 .secTitle { margin-bottom: 40px; }

#quicklime_sec_07 .tit { margin-bottom: 10px; height: auto; }
#quicklime_sec_07 .txt { margin-bottom: 40px; margin-top: 0; height: auto; }



/* Media */
[id*='media_sec_'] { min-height: auto; }
[id*='media_sec_'] .media_head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; }
[id*='media_sec_'] .media_head .title { font-size: 40px; font-weight: bold; color: #222; }
[id*='media_sec_'] .media_head .link { font-size: 15px;  color: #333; margin-right: 10px; }
[id*='media_sec_'] .media_head .link:after { content: ''; display: inline-block; width: 8px; height: 8px; margin-left: 5px; margin-bottom: 2px; box-sizing: border-box; border-bottom: 2px solid #6c6c6c; border-right: 2px solid #222; transform: rotate(-45deg); }
[id*='media_sec_'] .newsroom-item-article { border-radius: 0; box-shadow: none; }
[id*='media_sec_'] .newsroom-item-article .cont { padding: 20px 0; }

#media_sec_01 {  }
#media_sec_01 .newsroom-item-article .cont { padding: 30px 0; text-align: center; }
#media_sec_01 .newsroom-item-article .cont .tit { font-size: 20px; height: auto; }

#media_sec_02 { background-color: #e9eaf2; }
#media_sec_02 .media_head { display: block; }
#media_sec_02 .catalogue { display: -ms-grid; display: grid; width: 100%; -ms-grid-columns: 70% 30%; grid-template-columns: 70% 30%; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#media_sec_02 .catalogue:after { content: ''; display: block; width: 200%; height: 100%; background-color: #e9eaf2; position: absolute; top: 0; left: 20%; z-index: -2; }
#media_sec_02 .catalogue > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
#media_sec_02 .catalogue > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; }

#media_sec_02 .catalogue .obj img { margin: 0 auto; }
#media_sec_02 .catalogue .cont { padding: 40px 0; padding-left: 90px; }
#media_sec_02 .catalogue .cont .txt { font-size: 16px; line-height: 30px; color: #666; margin-bottom: 70px; }
#media_sec_02 .catalogue .cont .btns a { display: inline-block; }
#media_sec_02 .catalogue .cont .btns a + a { margin-left: 8px; }
#media_sec_02 .catalogue .cont .btn { position: relative; display: inline-block; width: 200px; height: 50px; border: 1px solid #222; background-color: transparent; line-height: 45px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#media_sec_02 .catalogue .cont .btn:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #005793; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#media_sec_02 .catalogue .cont .btn:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_b.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#media_sec_02 .catalogue .cont .btn span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#media_sec_02 .catalogue .cont .btn span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #005793;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#media_sec_02 .catalogue .cont .btn:hover { border-color: #005793; }
#media_sec_02 .catalogue .cont .btn:hover:before { width: 100%; }
#media_sec_02 .catalogue .cont .btn:hover:after { background: url(../images/ico/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#media_sec_02 .catalogue .cont .btn:hover span { color: #fff; }
#media_sec_02 .catalogue .cont .btn:hover span:before { left: 100%; transition-delay: 0.35s; }

#media_sec_03 .newsroom-item-article .img picture { padding-top: 77%; }



[id*='governance_cont_'] .pdf_down { display: flex; margin-bottom: 60px; } 
[id*='governance_cont_'] .pdf_down li { width: 100%;}
[id*='governance_cont_'] .pdf_down li + li { padding-left: 10px; }
[id*='governance_cont_'] .pdf_down li a { position: relative; display: block; width: 100%; height: 47px; line-height: 47px; padding: 0 30px; font-size: 16px; color: #333; border: 1px solid #333; box-sizing: border-box; border-radius: 3px; }
[id*='governance_cont_'] .pdf_down li a:after { content: ''; position: absolute; top: 50%; right: 20px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat; }
[id*='governance_cont_'] .gov_title { font-size: 20px; line-height: 38px; color: #00578a; margin-bottom: 30px; font-weight: bold; }
[id*='governance_cont_'] .gov_tit { font-size: 16px; line-height: 38px; color: #333; margin-bottom: 10px; }
[id*='governance_cont_'] .gov_txt { font-size: 16px; line-height: 30px; color: #666; white-space: pre-line; }
[id*='governance_cont_'] .gov_txt.in { padding-left: 20px; }

[id*='governance_cont_'] .pdf_down .en_gov_w{max-width: 390px;}

.governance_boxCont { border: 1px solid #c6c6c6; padding: 30px; }
.governance_boxCont ul li { padding-left: 10px; text-indent: -10px; font-size: 14px; line-height: 25px; color: #666; }
.governance_boxCont ul li + li { margin-top: 10px; }
.governance_boxCont ul li .h { font-size: 16px; font-weight: bold; color: #333; margin-right: 20px; width: 60px; }
.governance_boxCont ul li .em { color: #58728d; }
.governance_boxCont ul li .btn { display: inline-block; padding: 0 25px; line-height: 40px; border: 1px solid #b4b4b4; margin-top: 15px; }
.governance_boxCont ul li .btn img { display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -2px; }

.references_boxCont { border: 1px solid #c6c6c6; padding: 30px 50px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }
.references_boxCont > ul:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
.references_boxCont > ul:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; }
.references_boxCont ul li + li { margin-top: 20px; }
.references_boxCont ul li img { display: inline-block; vertical-align: middle; margin-right: 20px; }
.references_boxCont ul li a { vertical-align: middle; font-size: 16px; color: #333; box-sizing: border-box; border-bottom: 1px solid transparent; }
.references_boxCont ul li a:hover { border-color: #333; }


.gov_06_textWr { font-size: 14px; line-height: 26px; color: #666; margin-top: 75px; padding: 0 10px; }
.gov_06_textWr strong { color: #333; font-weight: bold; }

.council_list .position_type { padding-left: 270px; position: relative; }
.council_list .position_type + .position_type { margin-top: 90px; }
.council_list .position_type .position { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; padding-bottom: 15px; position: absolute; left: 0; top: 0; }
.council_list .position_type .position:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #222; transform: skew(-30deg); }
.council_list .position_type ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; }
.council_list .position_type ul li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
.council_list .position_type ul li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
.council_list .position_type ul li:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; }
.council_list .position_type ul li:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 3; }
.council_list .position_type ul li { padding-bottom: 40px; }
.council_list .position_type ul li .photo { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #d6d6d6; }
.council_list .position_type ul li .name { font-size: 24px; font-weight: bold; line-height: 38px; color: #00578a; margin-bottom: 15px; }
.council_list .position_type dl + dl { margin-top: 15px; }
.council_list .position_type dl dt { width: 80px; font-size: 16px; color: #333; display: inline-block; vertical-align: top; }
.council_list .position_type dl dt.dt_w100 { width: 100%; }
.council_list .position_type dl dd { font-size: 14px; color: #666; padding-top: 2px; display: inline-block }




.esg_link { margin-top: 90px; }
.esg_link > ul { width: 90%; max-width: 1400px; margin: 0 auto; border: 3px solid #dadada; box-sizing: border-box;display: flex; padding: 20px 0; }
.esg_link > ul > li { width: 33.333%; box-sizing: border-box; padding: 20px; padding-left: 100px; position: relative; }
.esg_link > ul > li + li { border-left: 1px solid #dadada; }
.esg_link > ul > li a { display: block; }
.esg_link > ul > li .ico { position: absolute; top: 30px; left: 30px; }
.esg_link > ul > li .tit { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 5px; }
.esg_link > ul > li .txt { font-size: 15px; line-height: 24px; color: #868686; }


[id*='cleanForce_sec_'] { align-items: flex-start; min-height: auto; }
[id*='cleanForce_sec_'] > .inner { padding-left: 250px; }
[id*='cleanForce_sec_'] .secTitle { font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px; }
[id*='cleanForce_sec_'] .secTitle:after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg); }
[id*='cleanForce_sec_'] .secContents { min-height: 300px; }
[id*='cleanForce_sec_'] .htitle { font-size: 25px; font-weight: bold; color: #333; margin-bottom: 15px; }
[id*='cleanForce_sec_'] .title { font-size: 20px; font-weight: bold; color: #00578a; margin-bottom: 15px; }
[id*='cleanForce_sec_'] .text { font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px; white-space: pre-line; }
[id*='cleanForce_sec_'] .text a { color: #9db7f3; }
[id*='cleanForce_sec_'] .boxlist { padding: 40px; background-color: #f7f7f7; margin-bottom: 30px; }
[id*='cleanForce_sec_'] .boxlist ul > li { font-size: 16px; line-height: 30px; color: #5a5959; }
[id*='cleanForce_sec_'] .boxlist ul > li + li { margin-top: 10px; }
[id*='cleanForce_sec_'] .boxlist ul > li strong { font-weight: bold; color: #333; }
[id*='cleanForce_sec_'] .boxlist dl { margin-top: 40px; background-color: #dbdbdb; padding: 25px 30px; }
[id*='cleanForce_sec_'] .boxlist dl dd + dd { margin-top: 30px; }


#dividend_wrap .dividend_head { display: flex; align-items: center; padding: 40px; margin-bottom: 50px; box-sizing: border-box; }
#dividend_wrap .dividend_head .ico { width: 130px; text-align: center; }
#dividend_wrap .dividend_head .cont .txt { margin-bottom: 0; }
#dividend_wrap .dividend_box { padding: 40px 60px; border: 1px solid #d4d4d4; background-color: #f5f5f5; color: #333; font-size: 15px; line-height: 30px; margin-bottom: 20px; }
#dividend_wrap .dividend_box ul li { padding-left: 15px; text-indent: -15px; }
#dividend_wrap .dividend_chk { margin-bottom: 40px; }
#dividend_wrap .dividend_btn { text-align: center; }
#dividend_wrap .dividend_btn button { width: 260px; height: 60px; border-radius: 60px; background-color: #222; color: #fff; font-size: 18px; border: 0; cursor: pointer; }
#dividend_wrap .dividend_result { padding: 0 40px; }
#dividend_wrap .dividend_result .text { margin-bottom: 20px; }
#dividend_wrap .dividend_result .text .tit { font-size: 25px; line-height: 30px; color: #333; font-weight: bold; }
#dividend_wrap .dividend_result .text .txt { font-size: 15px; line-height: 30px; color: #333; margin-bottom: 0; }
#dividend_wrap .dividend_result .text .txt span { font-weight: bold; color: #00578a; }
#dividend_wrap .dividend_result .text .txt span.sky { color: #43a0db; font-weight: normal; }
#dividend_wrap .dividend_result .table {  }
#dividend_wrap .dividend_result .table table { border-top: 2px solid #545454; width: 100%; }
#dividend_wrap .dividend_result .table table th { border-bottom: 1px solid #d6d6d6; background-color: #f8f8f8; font-size: 16px; color: #222; height: 60px; vertical-align: middle; padding: 20px; box-sizing: border-box; }
#dividend_wrap .dividend_result .table table th + th { border-left: 1px solid #d6d6d6; }
#dividend_wrap .dividend_result .table table td { border-bottom: 1px solid #d6d6d6; font-size: 16px; color: #666; height: 80px; vertical-align: middle; padding: 20px; box-sizing: border-box; }
#dividend_wrap .dividend_result .table table td + td { border-left: 1px solid #d6d6d6; }
#dividend_wrap .dividend_result .table table td.center { text-align: center; }
#dividend_wrap .dividend_result .table table td.right { text-align: right; }
#dividend_wrap .dividend_result .em { text-align: right; font-size: 15px; color: #43a0db; margin-top: 10px; }


#pricacy_sec {  }
#pricacy_sec .title { font-size: 25px; font-weight: bold; color: #333; margin-bottom: 15px; }
#pricacy_sec .s_title { font-size: 20px; color: #0552a9; margin-bottom: 15px; }
#pricacy_sec .text { font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px; }
#pricacy_sec .table { margin-top: 10px; overflow-x: auto; }
#pricacy_sec .table table {  width: 100%; border-top: 2px solid #005789; }
#pricacy_sec .table th { border-bottom: 1px solid #bbbbbb; font-size: 14px; line-height: 18px; color: #333; height: 55px; vertical-align: middle; text-align: center; font-weight: bold; }
#pricacy_sec .table td { border-bottom: 1px solid #bbbbbb; font-size: 18px; line-height: 30px; color: #333; text-align: center; padding: 20px; vertical-align: middle; }
#pricacy_sec .text ul + ul { margin-top: 20px; }
#pricacy_sec .text > ul > li { padding-left: 22px; text-indent: -22px }
#pricacy_sec .text > ul > li > ul { padding-left: 22px; }


.list_img_type1 .item { width: 25%; }

.warp_slide_banner > .item { outline: none; }
.warp_slide_banner > .item:focus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px dashed #00578a; box-sizing: border-box; z-index: 1; }



.newsroom_search { display: flex; justify-content: flex-end; margin-bottom: 20px; }
.newsroom_search .search { position: relative; }
.newsroom_search .search input { width: 460px; height: 60px; box-sizing: border-box; border: 1px solid #c9c9c9; padding-left: 30px; padding-right: 80px; font-size: 20px; /*background: url(../images/pr/serch_ico.png) right no-repeat;*/ }
.newsroom_search .search input::placeholder { /* color: #b7b7b7; */ color: #525252; }
/* Edge용 */
.newsroom_search .search input::-ms-input-placeholder { color: #525252; }
/* WebKit 계열 (Chrome, Safari, Opera) */
.newsroom_search .search input::-webkit-input-placeholder { color: #525252; }
.newsroom_search .search select { height: 60px; box-sizing: border-box; border: 1px solid #c9c9c9; vertical-align: top; padding: 0 20px; font-size: 13px; }
.newsroom_search .search button { position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: url(../images/pr/serch_ico.png) center no-repeat; font-size: 0; border: 0; cursor: pointer; vertical-align: middle; }

.pressRelease_search { margin-top: 20px; }

.affiliates_list { border-top: 2px solid #333; }
.affiliates_list li { padding: 40px 30px; padding-left: 450px; border-bottom: 1px solid #d6d6d6; position: relative; box-sizing: border-box; min-height: 350px; }
.affiliates_list li .tit { font-size: 25px; font-weight: bold; color: #222; margin-bottom: 20px; }
.affiliates_list li .tit strong { padding-right: 12px; }
.affiliates_list li .tit span { font-size: 16px; font-weight: normal; white-space: nowrap; }
.affiliates_list li .img { position: absolute; top: 40px; left: 0; }
.affiliates_list li .sub { font-size: 1.15em; color: #00578a; margin-bottom: 10px; font-weight: bold; }
.affiliates_list li .txt { font-size: 1.15em; color: #666; line-height: 2; }
.affiliates_list li .link { position: absolute; top: 40px; right: 30px; display: flex; width: 280px; height: 60px; justify-content: center; align-items: center; border: 1px solid #00578a; font-size: 1em; color: #00578a; }
.affiliates_list li .link:after { content: ''; width: 15px; height: 15px; background: url(../images/ico/ico_link_blue.png) center no-repeat; margin-left: 10px; }



#page-top-visual.search_center_head { height: auto; }
#page-top-visual.search_center_head .text { position: static; padding-top: 4%; }
#page-top-visual.search_center_head .text .t1 { color: #222; text-shadow: none; }
.search_center_head .newsroom_search { margin-top: 2em; }
.search_center_head .newsroom_search > * { width: 100%; }
.search_center_head .newsroom_search .search input { width: 100%; }
.search_center_section { min-height: auto; }
.search_center_section .secTitle { font-size: 30px; font-weight: bold; color: #222; margin-bottom: 25px; }
.search_center_section .secTitle span { font-weight: normal; }
.search_center_section .newsroom_list.lineType:before { height: 2px; background-color: #333; margin-bottom: 30px; }






/* 1300 */
@media screen and (max-width: 1400px){
  #site-header .sidemenu .head_container { height: 95px; }
  #site-header .sidemenu .head_container .logo a { width: 126px; height: 49px; }
  #site-header .sidemenu .menu_container .depth1 > ul > li + li { margin-top: 20px; }
  #site-header .sidemenu .menu_container .depth1 > ul > li > a { font-size: 30px; }
  #site-header .sidemenu .menu_container .depth1 > ul > li.small { margin-top: 40px; }
  #site-header .sidemenu .menu_container .depth1 > ul > li.small + .small { margin-top: 20px; }
  #site-header .sidemenu .menu_container .depth1 > ul > li.small > a { font-size: 22px; }
}

/* Hover Event */
@media (hover: hover) {
  #site-header .sidemenu .menu_btn:hover{border: 1px #005689 solid; background-color: #005689;} 
  #site-header .sidemenu .menu_container ul.menu > li a:hover { font-family: 'Metropolis-Bold', sans-serif; padding-left: 30px; }
  #site-header .sidemenu .menu_container ul.menu > li a:hover:before { opacity: 0.33; transform: rotate(-50deg) translateX(0); }
  #site-header .sidemenu .menu_container ul.menu > li a:hover:after { opacity: 0.33; transform: rotate(-50deg) translateX(0); }
  #site-header .sidemenu .menu_container ul.menu > li a:hover span:before { width: 100%; }

  #main-visual-slider .swiper-slide .text .more a:hover img { right: 13px; }
  #main-visual-slider .swiper-slide .text .more a:hover .circle-svg circle { stroke-dashoffset: 0!important; }
  #main-visual-slider .swiper-arrow:not(.swiper-button-disabled):hover .circle { transform: scale(1.1); }
  #main-visual-slider .swiper-arrow:not(.swiper-button-disabled):hover .circle .circle-svg circle { -webkit-transform: rotate(270deg); transform: rotate(270deg); stroke-dashoffset: 0!important; }
  #main-visual-slider .swiper-arrow:not(.swiper-button-disabled):hover .title { opacity: 1; -webkit-transform: translateX(0px);  transform: translateX(0px); }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* Enter your style code */
  #direction_sec_01 ul li{margin-bottom: 40px;}
  #direction_sec_01 ul li:nth-child(7), #direction_sec_01 ul li:nth-child(8) { margin-bottom: 0; }
 }

/* popup_1 */
#inpop img{max-width:100%;vertical-align:top;-ms-interpolation-mode:bicubic !important;}
#inpop .cont {position: fixed;  left: 50%; z-index:111; display: block; margin-left: -250px; top: 150px; width: 500px; height: auto; border: 1px solid #333;}
#inpop .modalBg {display: block; position: fixed; width: 100%; height: 100%; background:rgba(0,0,0,0.8); z-index: 110;}
#inpop .close{width: 100%; height: 50px; background-color: #fff;}
#inpop .close span {display: block;width: 50%; float: left; text-align: center; background-color: #e0ebf4;height: 100%; line-height: 50px; font-size: 1rem; font-weight: bold; color: #333; cursor: pointer;letter-spacing: -0.05rem;}
#inpop .close span:checked{background-color: #333;}
#inpop .cont .scroll {height:630px; overflow-y:auto}
#inpop .move .move_btn{position: absolute; top: 75%;left: 34%;margin: 0 auto; width: 32%;height: 45px;line-height: 45px;text-align: center;background-color: #2171d5;}
#inpop .move .move_btn a{color: #fff;font-size: 1rem;font-weight: bold;text-decoration: none;letter-spacing: -0.05rem;}

#inpop input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  height: 16px;
  outline: 0;
  width: 16px;
  vertical-align: sub;
  border: 1px solid #dadada;
}
#inpop input[type="checkbox"]::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: '';
  display: none;
  height: 40%;
  left: 40%;
  position: relative;
  top: 20%;
  transform: rotate(45deg);
  width: 15%;
}
#inpop input[type="checkbox"]:checked {
  background: #04598E;
}
#inpop input[type="checkbox"]:checked::after {
  display: block;
}

.main_modal{position: fixed;  left: 50%; z-index:111; display: block; margin-left: -250px; top: 150px; width: 500px; height: auto;}
.main_modal .pop_foot{width: 100%; height: 50px; background-color: #fff; display: flex;}
.main_modal .pop_foot .pop_check, .pop_foot a{width: 50%; line-height: 50px; text-align: center; background-color: #e0ebf4; font-size: 1rem; font-weight: bold; letter-spacing: -0.05rem;}

.pop_check input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  height: 16px;
  outline: 0;
  width: 16px;
  vertical-align: sub;
}
.pop_check input[type="checkbox"]::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: '';
  display: none;
  height: 40%;
  left: 40%;
  position: relative;
  top: 20%;
  transform: rotate(45deg);
  width: 15%;
}
.pop_check input[type="checkbox"]:checked {
  background: #04598E;
}
.pop_check input[type="checkbox"]:checked::after {
  display: block;
}

#main_modal_wrap .modal_btn{position: absolute;
  display: block;
  top: 75%;
  left: 34%;
  font-size: 1rem;
  font-weight: bold;
  background-color: #3171d5;
  color: #fff;
  line-height: 45px;
  height: 45px;
  width: 32%;
  text-align: center;
}
@media screen and (max-width: 769px){
  #main_modal_wrap .modal_btn{
    top: 72%;
    font-size: 0.75rem;
    line-height: 40px;
    height: 40px;
  }
  #report_01_sec_02 .btns_notice{display: block;}
}
#main_modal_wrap::after{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgb(0 0 0 / 65%); z-index: 100;}

/*  */
.pphoto{display: flex;}
.pphoto .photo_texts{width: 100%; height: 50px; padding:110px 0 0 20px;box-sizing: border-box;letter-spacing: -0.05rem;}
.pphoto .photo_textsone{width: 100%; height: 50px; padding:135px 0 0 20px;box-sizing: border-box;letter-spacing: -0.05rem;}
.pphoto .photo_texts p, .pphoto .photo_textsone p{font-size: 1rem; color: #333; font-weight:500;}

.di_contents {margin: 60px 0;border: 1px solid #d6d6d6; padding: 1rem 2rem;display: flex;justify-content: space-between;}
.di_contents .di_title{font-size: 20px; font-weight: bold; color: #00578a;line-height: 60px;}
.di_contents a span{display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.di_contents a{position: relative; display: block;height: 60px;border: 1px solid #222;background-color: transparent;line-height: 55px;text-align:left;box-sizing: border-box;padding: 0 3rem 0 1rem;font-size: 1rem;font-weight: 500;}
.di_contents a::after{ content: ''; position: absolute; top: 50%; right: 1rem; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_black.png) center no-repeat;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}

.banner_section {max-width: 1600px; width: 100%; margin: 0 auto; padding: 5% 0; box-sizing: border-box;}
.banner_section img{display: block; max-width: 1600px; width: 100%; border: 1px solid #ddd; box-sizing: border-box;}


/*  */
.spot_main .scrolldown2{ position:absolute; left:50%; transform: translateX(-50%); bottom:32px; z-index: 10;}
.spot_main .btns{position: absolute;top: calc(50% - 105px);right: 460px;display: flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row;z-index: 5;flex-direction: column;}
.spot_main .btns button{
    height: 64px;
    width: 64px;
    border: 0;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
    cursor:pointer;
    border-radius: 50%;
    border: 1px rgba(255,255,255,0.4) solid;
    display: flex;
    color:#fff;
    align-items: center;
    justify-content: center;
    font-family: 'icomoon';
    src:  url('icomoon/icomoon.eot?1ki0q8');
    src:  url('icomoon/icomoon.eot?1ki0q8#iefix') format('embedded-opentype'),
      url('icomoon/icomoon.ttf?1ki0q8') format('truetype'),
      url('icomoon/icomoon.woff?1ki0q8') format('woff'),
      url('icomoon/icomoon.svg?1ki0q8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-size:24px;
    } 
.spot_main .btns button.prev{background: transparent;margin-bottom: 19px;}
.spot_main .btns button.prev:after{content: "\ea0a";}
.spot_main .btns button.next{background: transparent;}
.spot_main .btns button.next:after{content: "\ea0b";}
.spot_main .btns button:hover{background-color: rgba(255,255,255,0.2);}

#main_section_visual .btns{ right: 40px;}
.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*.video-container:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; content: "";}*/
.video-container > video {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 1;
}

.video-container > video.mo{ display: none; }

.video-container.hf > video {
    height: 100%;
}
.video-container.wf > video {
    width: 100%;
}
.spot_main .scrolldown{position:absolute;left:30px;bottom: 0;z-index:3;width:100px;height:0;color:#9a9a9a;height: 180px; opacity: 0.7;}
.spot_main .scrolldown .wrap{display: inline-flex;flex-direction: column;align-items: center; position:relative;}
.spot_main .scrolldown .t{
                               position:absolute;
                               left: -5px;
                               top: 63px;
                               width: 0;
                               -moz-transform: rotate(-90deg);
                               -webkit-transform: rotate(-90deg);
                               -o-transform: rotate(-90deg);
                               -ms-transform: rotate(-90deg);
                               transform: rotate(-90deg);
                               }
.spot_main .scrolldown .t span{ font-size:13px; display: block; width: 100px; }                           
.spot_main .scrolldown .line{
    width:2px;height: 120px;background:#9a9a9a;display:block;
    -webkit-animation: scrollMotion 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;
            animation: scrollMotion 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;
}
.spot_main .scrolldown .arr{}

@-webkit-keyframes scrollMotion {
  0% {
   height: 120px;
    
  }
  100% {
  height: 150px;
  }
}
@keyframes scrollMotion {
  0% {
   height: 120px;
    
  }
  100% {
  height: 150px;
  }
}

.video-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.video-container:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; content: "";}
.video-container > video {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 1;
}

#main_section_visual {
  flex-shrink: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  transition-property: transform;
}
#mainVisual { padding: 0; }
#mainVisual .swiper-wrapper {
  display: flex !important;
}
#mainVisual .swiper-slide {
  background-color: #333;
  color: #fff;
  overflow: hidden;
  height: 100vh;
}
#mainVisual .swiper-slide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(40,42,28,0.3);
  z-index: 1;
}
#mainVisual .swiper-slide.video-container:after{ opacity: 0; }
#mainVisual .img {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background-color: #000; 
  background-position: center; 
  background-size: cover;
}
#mainVisual .text { position: relative; width: 100%; height: 100vh; box-sizing: border-box; z-index: 2; text-align: left; }
#mainVisual .text > .inner { display: table; width: 86%; height: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
#mainVisual .text > .inner > * { display: table-cell; vertical-align: middle; }
#mainVisual .text .tit { opacity: 0; font-size: 40px; color: #fff; line-height: 60px; font-family: "KHNPHD"; font-weight: 600; word-break: keep-all; }
#mainVisual .text .txt { opacity: 0; font-size: 18px; color: #d2d2d2; line-height: 40px; margin-top: 50px; }
#mainVisual .text .btn { opacity: 0; font-size: 14px; color: #fff; line-height: 60px; display: inline-block; width: 160px; height: 60px; border: 1px solid #fff; text-align: center; margin-top: 50px; font-family: 'Roboto', sans-serif; 
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

#mainVisual .text .btn:hover { background-color: #fff; color: #333; }
#mainVisual .text.ani .tit { animation: mainVisual-animation 0.7s ease-in-out 0.3s forwards; }
#mainVisual .text.ani .txt { animation: mainVisual-animation 0.7s ease-in-out 0.6s forwards; }
#mainVisual .text.ani .btn { animation: mainVisual-animation 0.7s ease-in-out 0.9s forwards; }
#mainVisual .text.center { text-align: center; }

#mainVisual .swiper-progressbar { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; height: 3px; background-color: rgba(255,255,255,0.3); 
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#mainVisual .swiper-progressbar span { display: block; width: 0; height: 3px; background-color: #561c80; } 
#mainVisual .progressbar-pagination { position: absolute; left: 0; bottom: 50px; width: 100%; display: flex; justify-content: flex-end; align-items: center; z-index: 1; }
#mainVisual .swiper-pagination {position: relative;text-align: left;width: auto;display: flex;align-items: center;justify-content: flex-end;padding-right: 40px;}
#mainVisual .swiper-pagination .swiper-pagination-bullet { width: 150px; height: 2px; border-radius: 0; background-color: rgba(255,255,255,0.5); opacity: 1; position: relative;  }
#mainVisual .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 6px; }
#mainVisual .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
#mainVisual .swiper-pagination .swiper-pagination-bullet .num{position: absolute;left: 0;bottom: 5px;font-weight: 600;color: #fff;width: 100%;}
#mainVisual .swiper-pagination .swiper-pagination-bullet .bar { width: 0%; height: 4px; background-color: #fff; display: block; margin-top: -3px;}
#mainVisual .mute { margin-right: 10px; }
#mainVisual .mute button { cursor: pointer; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #fff; background-color: rgba(255, 255, 255, .3); font-size: 0; background-repeat: no-repeat; background-size: 35%; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96.08 92.95'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23ffffff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.79,.26c-1.29-.53-2.77-.24-3.75,.75L17.23,27.81H3.44c-1.9,0-3.44,1.54-3.44,3.44v30.43c0,1.9,1.54,3.44,3.44,3.44h13.79l26.8,26.81c.66,.66,1.54,1.01,2.44,1.01,.44,0,.89-.09,1.32-.26,1.29-.53,2.12-1.79,2.12-3.18V3.44c0-1.39-.84-2.65-2.12-3.18Z'/%3E%3Cpath class='cls-1' d='M82.49,46.39l12.45-12.39c1.52-1.51,1.52-3.96,.01-5.48-1.51-1.51-3.96-1.52-5.48-.01l-12.48,12.42-12.48-12.42c-1.52-1.51-3.97-1.5-5.48,.01-1.51,1.52-1.5,3.97,.01,5.48l12.45,12.39-12.46,12.39c-1.52,1.51-1.52,3.96-.01,5.48,.76,.76,1.75,1.14,2.75,1.14s1.98-.38,2.73-1.13l12.48-12.42,12.48,12.42c.76,.75,1.74,1.13,2.73,1.13s1.99-.38,2.74-1.14c1.51-1.52,1.5-3.97-.01-5.48l-12.45-12.39Z'/%3E%3C/svg%3E"); }
#mainVisual .mute button.on { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.2 93.81'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23ffffff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.79,.7c-1.29-.53-2.77-.24-3.75,.75L17.23,28.25H3.44c-1.9,0-3.44,1.54-3.44,3.44v30.43c0,1.9,1.54,3.44,3.44,3.44h13.79l26.81,26.81c.66,.66,1.54,1.01,2.43,1.01,.44,0,.89-.09,1.32-.26,1.29-.53,2.13-1.79,2.13-3.18V3.88c0-1.39-.84-2.65-2.13-3.18Z'/%3E%3Cpath class='cls-1' d='M61.68,65.99c-.99,0-1.98-.38-2.74-1.13-1.51-1.51-1.52-3.96,0-5.48,3.33-3.34,5.17-7.77,5.17-12.48s-1.83-9.15-5.17-12.47c-1.51-1.51-1.51-3.97,0-5.48,1.51-1.51,3.96-1.51,5.48,0,4.79,4.79,7.43,11.17,7.43,17.95s-2.64,13.15-7.43,17.95c-.76,.76-1.75,1.14-2.74,1.14Z'/%3E%3Cpath class='cls-1' d='M75.32,81.2c-2.14,0-3.87-1.73-3.87-3.87h0c0-1.04,.41-2.02,1.13-2.75,7.4-7.4,11.47-17.23,11.47-27.68s-4.07-20.29-11.47-27.68c-1.51-1.51-1.51-3.96,0-5.48,1.51-1.51,3.96-1.51,5.48,0,8.86,8.85,13.74,20.63,13.74,33.16s-4.85,24.23-13.66,33.08c-.71,.75-1.71,1.21-2.81,1.21Z'/%3E%3Cpath class='cls-1' d='M89.5,93.81c-.99,0-1.98-.38-2.74-1.14-1.51-1.51-1.51-3.96,0-5.48,10.77-10.76,16.7-25.07,16.7-40.29s-5.93-29.54-16.69-40.3c-1.51-1.51-1.51-3.96,0-5.48,1.51-1.51,3.96-1.51,5.48,0,12.22,12.22,18.96,28.48,18.96,45.77s-6.74,33.55-18.97,45.77c-.76,.75-1.75,1.13-2.74,1.13Z'/%3E%3C/svg%3E"); }

.pageing_ty2 .swiper-button-prev2,
.pageing_ty2 .swiper-button-next2{position: absolute;  top: 50%; z-index: 5; font-size: 0; margin-top: -30px; cursor: pointer;}
.pageing_ty2 .swiper-button-prev2{left: 50px;}
.pageing_ty2 .swiper-button-next2{right: 50px;}
.pageing_ty2 .swiper-button-prev2:hover,
.pageing_ty2 .swiper-button-next2:hover{opacity: 0.8;}

.progressbar-pagination .btn_full{margin-right: 30px;border: 1px solid #fff;padding: 10px 40px; display: inline-block; position:relative;}
.progressbar-pagination .btn_full .t{ font-size: 16px; color: #fff; font-weight: 600; display: inline-block; position: relative; z-index: 1;}
.progressbar-pagination .btn_full:after{position:absolute; left:0; bottom:0; width:100%; height:0%; background:#fff; content:""; z-index:0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;}
#main_section_visual.n1 .progressbar-pagination .btn_full.n2{display: none;}
#main_section_visual.n2 .progressbar-pagination .btn_full.n1{display: none;}
.progressbar-pagination .btn_full:hover .t{ color:#222;}
.progressbar-pagination .btn_full:hover:after{ height:100%;}

/* new_footer_group */
#di_group{position: absolute; bottom: 60px; right: 3px; z-index: 1;}
#di_group .group_select{position: relative; width: 230px;}
#di_group .group_select > a{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; border-bottom: 2px solid #fff; font-size: 1em; color: #fff; font-weight: 500; text-transform: uppercase;}

#di_group .group_select > a::after{content: ''; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(-45deg); margin-right: 7px;}
#di_group .group_select > ul{position: absolute; bottom: 100%; left: 0; width: 100%; background-color: #363636; z-index: 1; overflow-y: auto; height: 0; border: 1px solid #ccc; padding: 0 1rem; box-sizing: border-box; visibility: hidden;}
#di_group .group_select  > ul > li {margin-top: 20px;}
#di_group .group_select  > ul > li .sector{font-size: 15px; color: #e9e9e9; font-weight: 500; margin-bottom: 10px;}
#di_group .group_select  > ul > li a{font-size: 0.88em; color: #8b8b8b;}
#di_group .group_select  > ul > li a.maingroup{font-size: 15px;color: #e9e9e9;font-weight: 700;}
#di_group .group_select  > ul > li > ul > li + li{margin-top: 5px;}
#di_group .group_select.active > a::after{transform: rotate(135deg);} 
#di_group .group_select.active > ul {visibility: visible; height: 50vh; -webkit-transition: height 0.35s ease; transition: height 0.35s ease;}



/*  new_gnb */
@media screen and (min-width: 769px) {
#site-header .sidemenu .menu_container .depth1 > ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  min-width: 769px;
  padding: 0%;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1320px;
  gap: 30px 0;
}

#site-header .sidemenu .menu_container .depth1 > ul > li{
  position: relative;
  width: calc(100% / 4 - 10px);
  box-sizing: border-box;
}

#site-header .sidemenu .menu_container .depth1 > ul > li + li{
  margin-top: 0;
}


#site-header .sidemenu .menu_container .depth2{
  z-index: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  justify-content: space-between;
  visibility: visible;
  opacity: 1;
}

#site-header .sidemenu .menu_container .depth2 > ul{
  width: 100%;
  padding: 15px 0;
}

#site-header .sidemenu .menu_container .depth2 > ul > li {
  padding-left: 0;
  position: relative;
}

#site-header .sidemenu .menu_container .depth2 > ul > li > a{
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  transform: translateX(0px);
  opacity: 0.7;
  -webkit-transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1);

}
/* #site-header .sidemenu .menu_container .depth1 ul li:nth-child(3) .depth2 > ul > li > a{ font-size: 15px;} */
#site-header .sidemenu .menu_container .depth1 ul li:nth-child(3) .depth2 > ul > li + li{margin-top: 5px;}

#site-header .sidemenu .menu_container .depth2 > ul > li > a.menu_esg1 {
  font-size: 14px;
}

#site-header .sidemenu .menu_container .depth2 > ul > li > a span.unethical {
  display: block;
  margin-top: 4px;
  font-size: 14px;
}

#site-header .sidemenu .menu_container{
  width: 90%;
  max-width: 1500px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
#site-header .sidemenu .menu_container .depth1 > ul > li > a{position: relative; font-size: 28px; font-weight: bold; color: #fff; line-height: 1; width: 75%; display: flex; align-items: center; white-space: nowrap; padding-bottom: 15px;}
#site-header .sidemenu .menu_container .depth1 > ul > li > a::after{content: ""; position: absolute; width: 0; left: 0; bottom: 0; height: 2px; background:  #fff; transition: visibility 0.3s cubic-bezier(0.33, 1, 0.68, 1), width 0.3s cubic-bezier(0.33, 1, 0.68, 1); opacity: 0.7;}
#site-header .sidemenu .menu_container .depth1 > ul > li.active > a::after{width: 100%;}
#site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 > ul > li > a{opacity: 0.7;}
}

.btn_eagroup{position: absolute; display: flex; right: 0;}
.btn_eagroup a{display:inline-flex;border: 1px #ffffffa1 solid;min-width: 150px;justify-content: space-between;align-items: center;padding: 15px 26px;border-radius: 100px;margin: 0 5px;line-height: 1; color: #fff;}
.btn_eagroup a:hover{ background:rgb(255 255 255 / 13%); }

.homeBtn{break-after: avoid; width: 50px;border:1px #fff solid;display:inline-flex;justify-content: center;align-items: center; margin-right: 20px; padding: 0;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;border-radius: 50%;height: 50px;font-size: 0;line-height: 0;}
.homeBtn:hover{background: rgb(255 255 255 / 15%);}    

/* 사업영역 */
.energy_video{position: relative; background-color: #ddd; max-width: 1024px; margin: 0px auto; transform: translate(0px, 0px); opacity: 1;}
.energy_video .energy_video_wrap{display: block;padding-bottom: 56.25%; position: relative; overflow: hidden;}
.energy_video .energy_video_wrap iframe{position: absolute; left: 0;top: 0;width: 100%;height: 100%;}

/* 직무소개 */
.recruitment_intro{position: relative; display: flex; width: 100%; max-width: 1400px; margin: 0 auto;  align-items: center; height: 240px; margin-bottom: 40px; padding: 0 80px; box-sizing: border-box; background: url('../images/introduce/summary_sec_01_obj.jpg'); background-repeat: no-repeat; background-size: cover;}
.recruitment_intro::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.recruitment_intro > .recruitment_inner{position: relative; color: #fff;}
.recruitment_intro > .recruitment_inner > i:first-child{display: block; margin: 8px 0; font-size: 20px; line-height: 26px; font-weight: 400;}
.recruitment_intro > .recruitment_inner > h2{margin: 5px 0 15px 0; font-size: 50px; font-weight: 700; line-height: 60px;}
.recruitment_btn{position: relative; display: flex; align-items: center; box-sizing: border-box; width: 100%; min-height: 96px; padding: 24px; text-align: left; font-weight: 300; background: none;}
.recruitment_btn .recruitment_face{width: 86px; height: 86px; overflow: hidden; margin-right: 30px; border-radius: 50%; background-repeat: no-repeat !important; background-size: cover !important; image-rendering: -webkit-optimize-contrast;}
.recruitment_btn .recruitment_summary{flex: 1;}
.recruitment_btn .recruitment_summary > i{display: block; font-size: 0.875rem; padding-bottom: 5px;}
.recruitment_btn .recruitment_summary > em{display: block; font-size: 1.5rem; font-weight: 500;}
.recruitment_btn .recruitment_summary > em > i{font-weight: 300;}

.flex-w{flex-wrap: wrap;}

/* 뉴스레터 */
#newsroom_sec_06 { background-color: #fff; min-height: auto; }
#newsroom_sec_06 .inner{max-width: 1400px; width: 92%; margin: 0 auto; position: relative; z-index: 1; padding: 4% 0; box-sizing: border-box; letter-spacing: -0.05rem;}
#stb_subscribe {padding: 50px 100px; box-sizing: border-box; background-image: url("/images/pr/main_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; border: none;} 
#stb_subscribe .flex{display: flex; justify-content: flex-start; gap: 50px;}
#stb_subscribe .flex .stb_form_title{color: #fff; font-size: 40px; line-height: 1.2; border-bottom: 5px solid #fff; padding-bottom: 15px; font-weight: 700;}
#stb_subscribe .flex .stb_form_description{font-size: 20px; color: #fff;}
#stb_subscribe .flex .text_box_title{font-size: 18px; color: #fff; font-weight: 500; margin-bottom: 10px;}
#stb_subscribe .text_box{max-width: 650px; height: 120px; overflow-y: scroll; margin-bottom: 20px; padding: 15px 20px; box-sizing: border-box;  background-color: #fff; border-radius: 5px; box-shadow: 0 0px 10px 0px rgba(107, 107, 107, 0.445);}
#stb_subscribe .text_box ul > li {font-size: 14px; color: #666; line-height: 1.7;}
#stb_subscribe .text_box ul > li.text_box_f {font-size: 16px; color: #333; font-weight: 500; margin-bottom: 5px; padding-left: 0;}
#stb_subscribe .deep{display: block; margin-bottom: 30px; color: rgba(255, 255, 255, 0.5);}
#stb_subscribe .stb_form_set{padding: 0;}
#stb_subscribe .stb_form_set_label{font-size: 20px; font-weight: 700;}
#stb_subscribe .stb_form_set .stb_form_set_input{ border-radius: 5px; border: none; min-height: 50px;}
#stb_subscribe .stb_form_set .stb_form_set_label{color: #fff; font-size: 20px; font-weight: 500; padding-bottom: 15px;}
#stb_subscribe .stb_form_set .stb_form_set_label .stb_asterisk{color: #fff; vertical-align: top;}
#stb_subscribe .stb_form_submit_button{background-color: #3565ea; color:#fff; font-weight: bold; font-size: 20px; padding: 0 15px; min-height: 50px; border-radius: 5px; border: 2px solid #fff;}
#stb_subscribe .stb_form_submit_button:hover, #stb_subscribe .stb_form_submit_button:focus{background-color: #fff; color: #3565ea; transition: 0.3s all; border: 2px solid #fff;}
#stb_subscribe .stb_form_policy{padding-bottom: 5px;}
#stb_subscribe .stb_form_policy label, #stb_subscribe .stb_form_policy span{color: #fff;}
#stb_subscribe .btn_flex{display: flex; align-items: flex-end; gap: 10px; width: 100%;}
#stb_subscribe .stb_form_result{text-align: center;padding: 1rem;border: 1px solid #fff;border-radius: 5px;background: #fff;margin-top: 10px;}
#stb_subscribe .stb_form_result.success p{font-weight: 500; font-size: 16px;}
#stb_subscribe .stb_form_msg_error{color: #9eff00; text-decoration: underline;}
#stb_subscribe .mail_airplane{position: absolute; right: 4vw; bottom: 18%; max-width: 12vw;}

#newsroom_sec_07 { background-color: #f5f5f7; min-height: auto; }
#newsletter_form {padding: 50px 100px; box-sizing: border-box; background-image: url("/images/pr/main_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; border: none;} 
#newsletter_form .inner{max-width: 1300px; width: 92%; margin: 0 auto; position: relative; z-index: 1; padding: 4% 0; box-sizing: border-box; letter-spacing: -0.05rem;}
#newsletter_form .flex{display: flex; justify-content: flex-start; gap: 50px;}
#newsletter_form .flex .stb_form_title{color: #fff; font-size: 40px; line-height: 1.2; border-bottom: 5px solid #fff; padding-bottom: 15px; font-weight: 700;}
#newsletter_form .flex .stb_form_description{font-size: 20px; color: #fff;}
#newsletter_form .mail_airplane.airp2{position: absolute; right: 3vw; bottom: 28%; max-width: 8vw;}
#newsletter_form .newsletter_form_btn{display: inline-flex; justify-content: center; font-size: 18px;font-weight: bold;color: #fff;background-color: transparent; min-height: 50px;padding: 0 15px; box-sizing: border-box; width: auto;border: 2px solid #fff;border-radius: 5px;align-items: center; margin-top: 20px;}
#newsletter_form .newsletter_form_btn:hover, #newsletter_form .newsletter_form_btn:focus{background-color: #fff; color: #3565ea; transition: 0.3s all; border: 2px solid #fff;}

/* main_popup */
#modal-wrap{position: fixed; width: 25%; top:40%; left:50%; box-shadow: 1px 1px 10px #333; transform: translate(-50%, -50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); z-index: 1000;}
#modal-wrap input[type="checkbox"] {display: block;}
.main-modal .foot-close a:focus{outline-offset:-3px;}
#modal-wrap .image {position:relative;}
#modal-wrap .image>img {width: 100%;}
#modal-wrap .image .btns {position:relative; top:0; left:0; width:100%; height:100%;}
#modal-wrap .image .btns .btns_box a {width:60%;}
#modal-wrap .image .btns>a {position:absolute; width: 40%; max-width: 180px; bottom: 2vw; left:50%; font-size: 16px; color: #fff; font-weight: 500; text-align: center; padding: 0.75vw 0; background-color: #005891; border-radius: 100px; transform: translate(-50%, 0%); -webkit-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); -o-transform: translateX(-50%) translateY(0%);}
#modal-wrap .image .btns>a:hover, #modal-wrap .image .btns>a:focus { background-color: #014871; transition: 0.5s all;} 
#modal-wrap .image .btns .btns_box{position:absolute; bottom:5%; width:116%; left:-8%; display: flex; justify-content: space-around;}
#modal-wrap .image .btns a img {width: 100%;}
.main-modal .foot-close { display: flex; justify-content: space-between; align-items: center; vertical-align: middle; height: 50px; line-height: 50px; background: #005789;}
.main-modal .foot-close .input {margin-left: 10px;}
.main-modal .foot-close .input label { color: #fff; margin-left: 10px; }
.main-modal .foot-close a { color: #fff; padding: 0 20px; }

@media screen and (max-width: 1200px){
  #modal-wrap{width: 38%;}
  #modal-wrap .image .btns>a {width: 60%;}
}
@media screen and (max-width: 840px){
    #modal-wrap{width: 45%;}
    #modal-wrap .image .btns .btns_box{position:absolute; bottom:6%; width:116%; left:-9%; display: flex; justify-content: space-around;}
    #modal-wrap .foot-close {height: 50px; background: #005789; font-size: 2.5vw;}
    #modal-wrap .foot-close a {font-size: 14px; } 
  }

@media screen and (max-width:550px){
  #modal-wrap{width: 90%;}
  #modal-wrap .image .btns>a {bottom: 8vw; padding: 1.5vw 0; font-size: 14px;}
  .main-modal .foot-close .input label {font-size: 14px; margin-left:3px;}
}
/* popup02 */
#modal-wrap02{position: fixed; width: 25%; top:50%; left:50%; box-shadow: 1px 1px 10px #333; transform: translate(-50%, -50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); z-index: 1000;}
.main-modal02 .foot-close a:focus{outline-offset:-3px;}
#modal-wrap02 .image {position:relative;}
#modal-wrap02 .image>img {width: 100%;}
#modal-wrap02 .image .btns {position:absolute; top:0; left:0; width:100%; height:100%;}
#modal-wrap02 .image .btns .btns_box a {width:60%;}
#modal-wrap02 .image .btns>a {position:absolute; width: 40%; max-width: 180px; bottom: 2vw; left:50%; font-size: 16px; color: #fff; font-weight: 500; text-align: center; padding: 0.75vw 0; background-color: #005891; border-radius: 100px; transform: translate(-50%, 0%); -webkit-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); -o-transform: translateX(-50%) translateY(0%);}
#modal-wrap02 .image .btns>a:hover, #modal-wrap .image .btns>a:focus { background-color: #014871; transition: 0.5s all;} 
#modal-wrap02 .image .btns .btns_box{position:absolute; bottom:6%; width:109%; left:-4%; display: flex; justify-content: space-around;}
#modal-wrap02 .image .btns a img {width: 100%;}
.main-modal02 .foot-close { display: flex; justify-content: space-between; align-items: center; vertical-align: middle; height: 50px; line-height: 50px; background: #005789;}
.main-modal02 .foot-close .input {margin-left: 10px;}
.main-modal02 .foot-close .input label { color: #fff; margin-left: 10px; }
.main-modal02 .foot-close a { color: #fff; padding: 0 20px; }

@media screen and (max-width: 1200px){
  #modal-wrap02{width: 38%;}
  #modal-wrap02 .image .btns>a {width: 60%;}
}
@media screen and (max-width: 840px){
    #modal-wrap02{width: 45%;}
    #modal-wrap02 .image .btns .btns_box{position:absolute; bottom:6%; width:109%; left:-4%; display: flex; justify-content: space-around;}
    #modal-wrap02 .foot-close {height: 50px; background: #005789; font-size: 2.5vw;}
    #modal-wrap02 .foot-close a {font-size: 14px;} 
  }

@media screen and (max-width:550px){
  #modal-wrap02{width: 90%;}
  #modal-wrap02 .image .btns>a {bottom: 8vw; padding: 1.5vw 0; font-size: 14px;}
  .main-modal02 .foot-close .input label {font-size: 14px; margin-left:3px;}
} 

/* 인재상 */
#talent_01_sec_01 .talent_bg{background: url("/images/recruitment/talent_bg.jpg") no-repeat 100% 25%;}
#talent_01_sec_01 h3 {font-size: 42px; line-height: 52px; font-weight: 700; margin: 0 0 24px; margin-block-start: 0.83em; margin-block-end: 0.83em;}
#talent_01_sec_01 p.talent_ti{margin: 88px 0 56px; font-size: 60px; line-height: 68px; font-weight: 700;}
#talent_01_sec_01 p.talent_ti > i {font-weight: 300; font-style: normal;}
#talent_01_sec_01 .talent_list {width: 100%; border-top: 1px solid #ddd; margin-top: 152px;}
#talent_01_sec_01 .talent_list  li {display: flex; height: 200px; align-items: center; vertical-align: middle; padding: 40px 80px; box-sizing: border-box; gap: 180px; border-bottom: 1px solid #ddd; font-size: 44px; font-weight: 500;}
#talent_01_sec_01 .talent_list  li span, .talent_list  li em{font-weight: 500;}
#talent_01_sec_01 .talent_list  li i{font-size: 20px; line-height: 30px; font-weight: 300;}
#talent_01_sec_01 .talent_list  li i b{font-weight: 500;}

@media (max-width: 768px) {
    #talent_01_sec_01 .talent_bg{background: url("/images/recruitment/talent_bg.jpg") no-repeat 100% 29%;}
    #talent_01_sec_01 h3{font-size: 6.666666vw; line-height: 1; margin-top: 0;}
    #talent_01_sec_01 .talent_bg{background-size: 90vw;}
    #talent_01_sec_01 p.talent_ti{font-size: 1.75rem; line-height: 2.7rem; margin: 10% 0 15%;}
    #talent_01_sec_01 .talent_list{margin-top: 0;}
    #talent_01_sec_01 .talent_list li{flex-wrap: wrap; padding: 5% 0; gap: 10px; font-size: 5.066667vw; height: auto; }
    #talent_01_sec_01 .talent_list  li i{font-size: 3.333333vw;}
}

/* 윤리경영 */
#ethical_01_sec_01 .fw-b-l{font-weight: bold;}

.eth_tit{font-size: 35px; font-weight: bold; line-height: 1.4; text-align: center; color: #005793; letter-spacing: -0.05rem;}
.eth_txt{ font-size: 17px; line-height: 1.4; color: #5a5959; padding-top: 50px; letter-spacing: -0.05rem;}
.eth_inquiry{position: relative; overflow: hidden; padding: 80px 0; background-color: #f6f6f6; margin-top: 80px; letter-spacing: -0.05rem;}
.eth_inquiry > .inner{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 45px;}
.eth_inquiry > .inner .ico{display: inline-flex; min-width: 160px; height: 160px; border-radius: 50%; background-color: #fff; align-items: center; justify-content: center; box-shadow: 5px 5px 11px -6px rgba(0,0,0,0.22); -webkit-box-shadow: 5px 5px 11px -6px rgba(0,0,0,0.22)}
.eth_inquiry > .inner .col{max-width: 270px; width: 100%; border-left: 1px solid #d7d7d7; padding-left: 45px;}
.eth_inquiry > .inner .col:nth-of-type(2){border-left: none;}
.eth_inq_tit{font-size: 25px; line-height: 1.6; font-weight: 500;}
.eth_inq_txt{min-height: 80px; font-size: 16px; line-height: 1.55; margin: 10px 0;}
.eth_inq_lik{display: flex; align-items: baseline; gap: 10px; font-size: 16px;font-weight: 500; color: #222;}
.eth_inq_lik i::after{content: ""; display: block; width: 6px; height: 12px; background: url(../images/esg/ethical_img_02.png) no-repeat center;}
.eth_inq_lik:hover, .eth_inq_lik:focus{color: #005793; transition: 0.5s all;}

.eth_tab{margin-top: 60px; letter-spacing: -0.05rem;}
.eth_tab .inner{display: flex; align-items: center; justify-content: center;}
.eth_tab .inner .on a{border-color: #005c9c; color: #005c9c; font-weight: 500;}
.eth_tab .inner li{position: relative; width: 100%; padding: 0 15px; box-sizing: border-box;}
.eth_tab .inner li::after{position: absolute; left: 0; top: calc(50% - 10px); content: ""; width: 2px; height: 20px; background-color: #ddd;}
.eth_tab .inner li:first-child{padding-left: 0;}
.eth_tab .inner li:nth-child(1):after{display: none;}
.eth_tab .inner li a{min-width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 12px 18px; font-size: 17px; line-height: 1.4; border: 1px solid transparent; border-radius: 100px; box-sizing: border-box;}
.eth_tab .inner li a:hover, .eth_tab .inner li a:focus{color: #005c9c; transition: 0.5s all;}
.eth_area{margin-top: 80px;  letter-spacing: -0.05rem;}
.eth_area_t h4{position: relative; font-size: 35px; font-weight: bold; line-height: 1.2; color: #222; margin-bottom: 35px; padding-bottom: 15px;}
.eth_area_t h4::after{position: absolute; content: ""; left: 0; bottom: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg);}
.eth_area_b{width: 100%; padding: 40px; box-sizing: border-box; margin: 0 auto; font-size: 18px; line-height: 1.6; background-color: #fafafa; word-break: keep-all;}

.ethl_sub_tit{font-size: 25px; color: #00578a; font-weight: bold; margin-bottom: 20px;}
#tab_area2 .ethl_sub_tit:nth-of-type(4){margin-top: 40px;}

.ethic_text{font-size: 18px; color: #222; line-height: 1.8; margin-bottom: 8px;}
.ethic_text ul > li{position: relative; font-size: 18px; line-height: 1.8; padding-left: 16px; padding-bottom: 8px;}
.ethic_text ul > li::before{position: absolute; top: 0; left: 0;content: "·";}

#tab_area3 .ethic_accordions{border-top: 2px #333 solid; border-bottom: 2px solid #333;}
#tab_area3 .ethic_accordions > li{overflow: hidden;}
#tab_area3 .ethic_accordions > li > a{display: flex; justify-content: space-between; align-items: center; padding: 30px; box-sizing: border-box; border-bottom: 1px solid #ddd; background-color: #fafafa; font-size: 25px; font-weight: bold; color: #222;}
#tab_area3 .ethic_accordions > li > a::after{content: ""; width: 18px; height: 18px; margin-top: -5px; border-bottom: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg);}
#tab_area3 .ethic_accordions > li.on > a::after{transform: rotate(225deg); margin-top: 0;}
#tab_area3 .ethic_accordions > li > .ethical_text{font-size: 18px; color: #222; line-height: 1.8; padding: 0 30px; height: 0; transition: 0.5s all;}
#tab_area3 .ethic_accordions > li.on > .ethical_text{padding: 30px; height: auto; border-bottom: 1px solid #ddd;}
#tab_area3 .ethic_accordions > li > .ethical_text .line{display: flex; gap: 5px; margin-top: 5px; font-weight: bold; color: #005793;}
#tab_area3 .ethic_accordions > li > .ethical_text .line::before{content: "•";}
#tab_area3 .ethic_accordions > li > .ethical_text .line:first-child{margin-top: 0;}
#tab_area3 .ethic_accordions > li > .ethical_text .dot{display: flex; gap: 5px; padding-left: 15px;}
#tab_area3 .ethic_accordions > li > .ethical_text .dot::before{content: "-";}

#tab_area4 .ethic_accordions{border-top: 2px #333 solid; border-bottom: 2px solid #333;}
#tab_area4 .ethic_accordions > li{overflow: hidden;}
#tab_area4 .ethic_accordions > li > a{display: flex; justify-content: space-between; align-items: center; padding: 30px; box-sizing: border-box; border-bottom: 1px solid #ddd; background-color: #fafafa; font-size: 25px; font-weight: bold; color: #222;}
#tab_area4 .ethic_accordions > li > a::after{content: ""; width: 18px; height: 18px; margin-top: -5px; border-bottom: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg);}
#tab_area4 .ethic_accordions > li.on > a::after{transform: rotate(225deg); margin-top: 0;}
#tab_area4 .ethic_accordions > li > .ethical_text{font-size: 18px; color: #222; line-height: 1.8; padding: 0 30px; height: 0; transition: 0.5s all;}
#tab_area4 .ethic_accordions > li.on > .ethical_text{padding: 30px; height: auto; border-bottom: 1px solid #ddd;}
#tab_area4 .ethic_accordions > li > .ethical_text .ethical_txt{font-size: 20px; line-height: 1.55; font-weight: bold;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_tab{display: flex; flex-wrap: wrap; padding: 38px 0 30px 50px; box-sizing: border-box; background-color: #fafafa; width: 90%; margin: 0 auto; justify-content: space-between;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_tab li{width: 33.333%; padding: 0; padding-bottom: 8px;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_tab li a{padding: 3px; color: #222;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_tab li.on a{border-bottom: 2px solid #00578a; font-weight: bold; color: #00578a;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont{width: 90%; margin:  30px auto; border-top: 2px solid #555;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li a{display: flex; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #ddd; font-weight: 500; color: #222;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li.on a{color: #005793; font-weight: bold;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li a::after{content: ""; width: 10px; height: 10px; margin-top: -3px; margin-right: 10px; border-bottom: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg);}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li.on a::after{transform: rotate(225deg); margin-top: 0;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li > .ethical_text{background-color: #fafafa; padding: 0 30px; height: 0; overflow: hidden;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li.on > .ethical_text{padding: 25px 30px 30px 30px; height: 100%; border-bottom: 1px solid #ddd;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li > .ethical_text .line{display: flex; gap: 5px; margin-top: 5px;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li > .ethical_text .line::before{content: "-"; }
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li > .ethical_text .dot{display: flex; gap: 5px;}
#tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li > .ethical_text .dot::before{content: "·"; margin-left: 15px;}
#tab_area4 .ethic_accordions > li > .ethical_text > .line{display: flex; gap: 5px; margin-top: 5px;}
#tab_area4 .ethic_accordions > li > .ethical_text > .line::before{content: "-";}


#media_tab{position: relative; width: 100%; max-width: 1400px; height: 150px; margin: 0 auto; display: flex; gap: 60px; justify-content: center; align-items: center; text-align: center;}
#media_tab > a{font-size: 20px; color: #666; white-space: nowrap; transition: color 0.35s ease; -webkit-transition: color 0.35s ease;}
#media_tab > a.active { color: #00578a; font-weight: bold; border-bottom: 3px solid #00578a;}
#media_tab.fixed{z-index: 5000;  position: fixed; top: 95px; left: 50%; transform:translateX(-50%); height: 70px; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255,255,255,0.7); -webkit-transition: top 0.35s ease, background-color 0.35s ease, height 0.35s ease, line-height 0.35s ease; transition: top 0.35s ease, background-color 0.35s ease, height 0.35s ease, line-height 0.35s ease;}
body.navHide #media_tab.fixed{top:0}

/* 준법경영 */
[id*='compliance_01_sec_'] {align-items: flex-start; min-height: auto; letter-spacing: -0.066rem;}
[id*='compliance_01_sec_'] > .inner {padding-left: 250px;}
[id*='compliance_01_sec_'] .secTitle {font-size: 25px; font-weight: bold; line-height: 30px; color: #222; position: absolute; left: 0; padding-bottom: 15px;}
[id*='compliance_01_sec_'] .secTitle:after {content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background-color: #525252; transform: skew(-30deg);}
[id*='compliance_01_sec_'] section{padding: 28px; border: 1px solid #e4e4e4; border-radius: 10px; margin-bottom: 50px;}
[id*='compliance_01_sec_'] section:last-of-type{margin-bottom: 0;}
[id*='compliance_01_sec_'] .title { font-size: 25px; font-weight: bold; color: #00578a; margin-bottom: 35px;}
[id*='compliance_01_sec_'] .tit{font-size: 20px;  color: #333; margin-bottom: 15px; font-weight: 500;}
[id*='compliance_01_sec_'] .text { font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px; word-break: keep-all;}
[id*='compliance_01_sec_'] .tmt{font-size: 18px; line-height: 1.5; font-weight: 500; color: #333; word-break: keep-all;}
[id*='compliance_01_sec_'] .txt{font-size: 16px; line-height: 1.8; color: #666; word-break: keep-all;}
[id*='compliance_01_sec_'] .txt dd {position: relative; padding-left: 25px; margin-bottom: 5px;}
[id*='compliance_01_sec_'] .txt dd b{position: absolute; left: 0;}
[id*='compliance_01_sec_'] .mb10{margin-bottom: 10px;}
[id*='compliance_01_sec_'] .fcb{color: #00578a;}
[id*='compliance_01_sec_'] .yearSine{display: grid; justify-content: flex-end; text-align: right;  color: #000; gap: 5px;}
[id*='compliance_01_sec_'] .yearSine b{font-weight: bold; font-size: 26px;margin-left: 20px;}

[id*='compliance_01_sec_'] .table table {width: 100%; border-collapse: collapse; border-spacing: 0;}
[id*='compliance_01_sec_'] .table table caption{display: none;}
[id*='compliance_01_sec_'] .table table thead th {background-color: #00578a; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; font-size: 15px; line-height: 35px; vertical-align: middle; height: 60px; text-align: center; color: #fff; font-weight: 500;}
[id*='compliance_01_sec_'] .table table tbody th, [id*='compliance_01_sec_'] .table table tbody td {font-size: 15px; color: #666; line-height: 32px; padding: 10px 20px; vertical-align: middle; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
[id*='compliance_01_sec_'] .table table tbody td.center {text-align: center;}
[id*='compliance_01_sec_'] .table table tbody th {background-color: #fcfcfc;font-size: 15px;color: #00578a;}

/*  준법경영_개요 */
#compliance_01_sec_03 .cent01{display: flex;justify-content: space-between;}
#compliance_01_sec_03 .cent01:nth-of-type(2){margin-top: 20px;}
#compliance_01_sec_03 .cent01 .yearBox{ width: calc(100% / 2 - 10px); padding: 1.5rem; box-sizing: border-box; border: 1px solid #e4e4e4; border-radius: 10px;}
#compliance_01_sec_03 .cent01 .yearBox .titTop {position: relative; font-size: 25px; font-weight: bold; color: #333;}
#compliance_01_sec_03 .cent01 .yearBox .titTop::after{content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 2px; background-color: #00578a;}
#compliance_01_sec_03 .cent01 .yearBox ul{margin-top: 30px;} 
#compliance_01_sec_03 .cent01 .yearBox ul li{position: relative; display: flex; align-items: flex-start; gap: 20px; padding-bottom: 20px;}
#compliance_01_sec_03 .cent01 .yearBox ul li::after{z-index: -1; content: ""; position: absolute; left: 25px; top: 0; width: 2px; height: 100%; background-color: #e4e4e4;}
#compliance_01_sec_03 .cent01 .yearBox ul li:last-child::after{display: none;}
#compliance_01_sec_03 .cent01 .yearBox ul li span{background-color: #0166da; font-size: 1rem; color: #fff; min-width: 50px; padding: 0.5rem 0; text-align: center; border-radius: 100px;}
#compliance_01_sec_03 .cent01 .yearBox ul li .yearT{width: 100%;}
#compliance_01_sec_03 .cent01 .yearBox ul li .yearT p{font-size: 16px; line-height: 1.2; color: #666; margin-bottom: 10px; word-break: keep-all;}
#compliance_01_sec_03 .cent01 .yearBox ul li.alc{align-items: center;}
#compliance_01_sec_03 .cent01 .yearBox ul li.alc p{margin-bottom: 0;}
#compliance_01_sec_03 .cent01 .yearBox.y21 ul li span{/*background-color: #7cbaff;*/ background-color: #3192ff;}
#compliance_01_sec_03 .cent01 .yearBox.y22 ul li span{background-color: #3192ff;}
#compliance_01_sec_03 .cent01 .yearBox.y23 ul li span{background-color: #0066d9;}
#compliance_01_sec_03 .cent01 .yearBox.y24 ul li span{background-color: #0052ae;}

#compliance_01_sec_04 .text{margin-bottom: 18px;}

/* 준법경영_준법통제체계 */
#compliance_01_sec_16 .pepleT{width: 100%; padding: 0.875rem; box-sizing: border-box; text-align: center; background-color: #00578a; color: #fff; font-size: 20px;}
#compliance_01_sec_16 .tBox_wrap{display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 10px 0;}
#compliance_01_sec_16 .tBox_wrap .pepleInf{display: flex; width: 100%; max-width: 860px; text-align: center; justify-content: space-around; align-items: center;}
#compliance_01_sec_16 .tBox_wrap .pepleInf .inf  b{font-size: 20px; font-weight: 500; color: #00578a;}
#compliance_01_sec_16 .tBox_wrap .pepleInf .inf:nth-of-type(3){max-width: 420px}
#compliance_01_sec_16 .tBox_wrap .pepleInf .inf  ul li{/*display: inline-flex; width: calc(100% / 2 - 10px);*/ display: flex; width: 100%; justify-content: center;}


#compliance_01_sec_18 .conflx li{display: flex; gap: 20px; margin-bottom: 10px; align-items: center;}
#compliance_01_sec_18 .conflx li span{display: inline-flex; width: 100%; max-width: 120px; justify-content: center; background-color: #fcfcfc; color: #5a5959; font-weight: 500; align-items: center; padding: 10px 0; border: 1px solid #eee;}
#compliance_01_sec_18 .tableBox{display: flex; justify-content: space-between;}
#compliance_01_sec_18 .tableBox .table{width: calc(100% / 2 - 10px);}

/* 준법경영_ISO 37301 */
#compliance_01_sec_06 .cpList ul{display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
#compliance_01_sec_06 .cpList ul li{position: relative; display: flex; align-items: center; gap: 10px; width: calc(100% / 3 - 10px); background-color: #fafafa; padding: 1.25rem; box-sizing: border-box; border-radius: 10px;}
#compliance_01_sec_06 .cpList ul li .cpLi{display: inline-flex; width: 80px; min-width: 80px; height: 80px; align-items: center; justify-content: center; }
#compliance_01_sec_06 .cpList ul li .cpLi img{max-height: 60%;}
#compliance_01_sec_06 .cpList ul li .cpLox .txt{position: relative; font-size: 15px;}
#compliance_01_sec_06 .cpList ul li span{position: absolute; content: ""; right: 0; top: 0; display: inline-flex; width: 30px; height: 30px; background-color: #ffffff; align-items: center; justify-content: center; color: #7b7b7b; border: 1px solid #eee; font-size: 14px;}

#compliance_01_sec_06 .isoEffect{display: flex; flex-wrap: wrap; gap:10px;}
#compliance_01_sec_06 .isoEffect li{display: flex; width: calc(100% / 3 - 10px); justify-content: space-between; align-items: center; border: 1px solid #e4e4e4; box-sizing: border-box; border-radius: 100px; padding: 0.75rem; gap: 10px;}
#compliance_01_sec_06 .isoEffect li span{display: inline-flex; width: 50px; height: 50px; justify-content: center; align-items: center; background-color: #4594FF; color: #fff; border-radius: 100px;}
#compliance_01_sec_06 .isoEffect li:nth-child(4) span, #compliance_01_sec_06  .isoEffect li:nth-child(5) span, #compliance_01_sec_06  .isoEffect li:nth-child(6) span{background-color: #0567EB;}
#compliance_01_sec_06 .isoEffect li:nth-child(7) span, #compliance_01_sec_06  .isoEffect li:nth-child(8) span, #compliance_01_sec_06  .isoEffect li:nth-child(9) span{background-color: #034AA8;}
#compliance_01_sec_06 .isoEffect li p{width: 85%; word-break: keep-all; text-align: center; color: #5a5959;}
#compliance_01_sec_06 .isoItemBox{padding: 1.6rem; border: 1px solid #0052ae;}
#compliance_01_sec_06 .isoItemBox > span{color: #5a5959; font-weight: 500;}
#compliance_01_sec_06 .isoItemBox > p{ padding-left: 16px; margin: 10px 0;}
#compliance_01_sec_06 .isoItemBox .isoItem{padding-left: 16px;}
#compliance_01_sec_06 .isoItemBox .isoItem.its13 li{width: calc(100% / 13 - 10px); background-color: #fff; border-color: #e4e4e4; font-weight: 400;}
#compliance_01_sec_06 .isoItemBox .isoItem.its10 li{width: calc(100% / 10 - 10px); background-color: #fff; border-color: #e4e4e4; font-weight: 400;}
#compliance_01_sec_06 .isoItem{display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; text-align: center;}
#compliance_01_sec_06 .isoItem li{display: inline-flex; justify-content: center; align-items: center; width: calc(100% / 9 - 10px); border: 1px solid #0052ae; box-sizing: border-box; background-color: #0052ae; border-radius: 3px;  padding: 0.5rem; font-size: 16px; color: #ffffff; font-weight: 500;}
#compliance_01_sec_06 .iosList{display: flex; gap: 10px; justify-content: space-between;}
#compliance_01_sec_06 .iosList .obj:nth-of-type(2){border: 1px solid #eee;}

/* 준법경영_ISO 37301 구성요소 */
#compliance_01_sec_09 .isoItem{display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; text-align: center;}
#compliance_01_sec_09 .isoItem li{display: inline-flex; justify-content: center; align-items: center; width: calc(100% / 9 - 10px); border: 1px solid #0052ae; box-sizing: border-box; background-color: #0052ae; border-radius: 3px;  padding: 0.5rem; font-size: 16px; color: #ffffff; font-weight: 500;}

#compliance_01_sec_11 .text{margin-bottom: 18px;}


/* 준법경영_공정거래CP */
#compliance_01_sec_12 section, #compliance_01_sec_13 section{margin-bottom: 100px;}
#compliance_01_sec_12 .cpList ul{display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
#compliance_01_sec_12 .cpList ul li{position: relative; display: flex; align-items: center; gap: 10px; width: calc(100% / 2 - 5px); background-color: #fafafa; padding: 1.25rem; box-sizing: border-box; border-radius: 10px;}
#compliance_01_sec_12 .cpList ul li .cpLi{display: inline-flex; width: 80px; min-width: 80px; height: 80px; align-items: center; justify-content: center; }
#compliance_01_sec_12 .cpList ul li .cpLi img{max-height: 60%;}
#compliance_01_sec_12 .cpList ul li .cpLox .txt{position: relative; padding-left: 10px; font-size: 15px;}
#compliance_01_sec_12 .cpList ul li .cpLox .txt::after{content: "-"; position: absolute; left: 0; top: 0;}
#compliance_01_sec_12 .cpList ul li span{position: absolute; content: ""; right: 0; top: 0; display: inline-flex; width: 30px; height: 30px; background-color: #ffffff; align-items: center; justify-content: center; color: #7b7b7b; border: 1px solid #eee; font-size: 14px;}

#compliance_01_sec_13 .cpList ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 15px;}
#compliance_01_sec_13 .cpList ul li{display: flex; align-items: center; gap: 30px; width: 100%; padding: 1.25rem; border-radius: 10px;}
#compliance_01_sec_13 .cpList ul li:nth-child(2){background-color: #fafafa;}
#compliance_01_sec_13 .cpList ul li .cpLi{display: inline-flex; width: 120px; min-width: 120px; height: 120px; align-items: center; justify-content: center; border: 3px solid #4594ff; border-radius: 100px;}
#compliance_01_sec_13 .cpList ul li .cpLi img{max-height: 60%;}
#compliance_01_sec_13 .cpList ul li .cpLox .txt span{padding-right: 10px;}

#compliance_01_sec_13 .cpList2 ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
#compliance_01_sec_13 .cpList2 ul li{display: grid; align-content: space-between; width: calc(100% / 2 - 10px);padding: 1.5rem; border-radius: 10px; border: 2px solid #eee; box-sizing: border-box;}
#compliance_01_sec_13 .cpList2 ul li:nth-child(5), #compliance_01_sec_13 .cpList2 ul li:nth-child(6), #compliance_01_sec_13 .cpList2 ul li:nth-child(7){width: calc(100% / 3 - 10px);}
#compliance_01_sec_13 .cpList2 ul li .cpLi{display: inline-flex; width: 100%; height: 100px; align-items: flex-end; justify-content: flex-end;}
#compliance_01_sec_13 .cpList2 ul li .cpLox .txt span{padding-right: 10px;}
#compliance_01_sec_13 .tableGrade{font-size: 14px; color: #fff; background-color: #4594ff; padding: 5px; border-radius: 5px; margin-left: 10px;}

#compliance_01_sec_15 .cpList3 ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
#compliance_01_sec_15 .cpList3 ul li{display: grid; align-content: start; width: calc(100% / 4 - 10px); gap: 20px; padding: 1.25rem 0; box-sizing: border-box; border: 2px solid #e4e4e4; text-align: center;}
#compliance_01_sec_15 .cpList3 ul li .cpLi{display: inline-flex; width: 100%; height: 100px; align-items: center; justify-content: center;}
#compliance_01_sec_15 .cpList3 ul li .cpLi img{max-height: 60%;}

#compliance_01_sec_15 .cpList4 ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
#compliance_01_sec_15 .cpList4 ul li{position: relative; display: grid; align-content: start; width: calc(100% / 4 - 10px); border: 1px solid #e4e4e4; text-align: center;}
#compliance_01_sec_15 .cpList4 ul li span{position: absolute; right: 0; top: 0; content: ""; display: block;padding: 10px; background-color: #0052ae; color: #fff; font-size: 14px;}
#compliance_01_sec_15 .cpList4 ul li a{display: inline-flex; justify-content: space-between; align-items: center; width: 100%; padding: 1rem 1.5rem; box-sizing: border-box; color: #fff; font-weight: 500; font-size: 16px; background-color: #0052ae;}
#compliance_01_sec_15 .cpList4 ul li a::after{content: '';display: block;background: url(../images/ico/ico_download_w.png) center no-repeat; width: 12px;height: 16px; background-size: 100%;}

@media screen and (max-width: 768px) {
  .pc-view{display: none;}
  .mobile-only { display: block; }
    [id*='compliance_01_sec_'] > .inner {width: 90%; padding: 10% 0;}
    [id*='compliance_01_sec_'] .secTitle {position: relative; margin-bottom: 4vw; font-size: 4.66666667vw; padding-bottom: 1.33333333vw;}
     .secTitle:after {width: 12vw;}
    [id*='compliance_01_sec_'] section{padding: 5.33333333vw; margin-bottom: 30px;}
    [id*='compliance_01_sec_'] .title { font-size: 4vw; margin-bottom: 4.66666667vw;}
    [id*='compliance_01_sec_'] .tit{font-size: 3.44444444vw; margin-bottom: 10px;}
    [id*='compliance_01_sec_'] .text {font-size: 3.33333333vw; line-height: 6.66666667vw; margin-bottom: 4vw;}
    [id*='compliance_01_sec_'] .tmt{font-size: 3.33333333vw; line-height: 6.66666667vw;}
    [id*='compliance_01_sec_'] .txt{font-size: 3.22222222vw; line-height: 1.8;}
    [id*='compliance_01_sec_'] .txt dd{padding-left: 20px; margin-bottom: 10px;}
    [id*='compliance_01_sec_'] .table {overflow-x: auto;}
    [id*='compliance_01_sec_'] .table table {width: 150vw;}
    [id*='compliance_01_sec_'] .table table thead th {font-size: 2.4vw; line-height: 3.2vw; height: 9.33333333vw; padding: 2.66666667vw; box-sizing: border-box;}
    [id*='compliance_01_sec_'] .table table tbody th, [id*='compliance_01_sec_'] .table table tbody td {font-size: 18px;font-size: 2.4vw;line-height: 38px;line-height: 5.06666667vw;padding: 20px 40px; padding: 2.66666667vw 5.33333333vw;}
    [id*='compliance_01_sec_'] .yearSine b{font-size: 5.06666667vw; margin-left: 10px;}
    
    #compliance_01_sec_03 .cent01 .yearBox .titTop{font-size: 4vw;}
    #compliance_01_sec_03 .cent01{flex-wrap: wrap; }
    #compliance_01_sec_03 .cent01:nth-of-type(2) {margin-top: 6.66666667vw;}
    #compliance_01_sec_03 .cent01 .yearBox{width: 100%; padding: 6.66666667vw; margin-bottom: 6.66666667vw;}
    #compliance_01_sec_03 .cent01 .yearBox:last-child{margin-bottom: 0;}
    #compliance_01_sec_03 .cent01 .yearBox ul li{gap: 10px; padding-bottom: 10px;}
    #compliance_01_sec_03 .cent01 .yearBox ul li:last-child {padding-bottom: 0;}
    #compliance_01_sec_03 .cent01 .yearBox ul li span{padding: 5px 0; font-size: 3.333333vw;}
    #compliance_01_sec_03 .cent01 .yearBox ul li .yearT p{font-size: 3.333333vw; line-height: 1.4;}
    
    #compliance_01_sec_18 .conflx li{flex-wrap: wrap; gap: 10px;}
    #compliance_01_sec_18 .conflx li span{max-width: 100%; font-size: 3.33333333vw;}
    #compliance_01_sec_18 .tableBox{flex-wrap: wrap; gap: 10px;}
    #compliance_01_sec_18 .tableBox .table{width: 100%;}
    #compliance_01_sec_18 .tableBox .table table{width: 100%;}

    #compliance_01_sec_16 .pepleT{font-size: 3.44444444vw;}
    #compliance_01_sec_16 .tBox_wrap{flex-wrap: wrap; justify-content: center; gap: 0px;}
    #compliance_01_sec_16 .tBox_wrap .pepleInf{flex-wrap: wrap;}
    #compliance_01_sec_16 .tBox_wrap .pepleInf .inf{width: 100%; border-bottom: 1px solid #eee; padding: 15px 0;}
    #compliance_01_sec_16 .tBox_wrap .pepleInf .inf:last-of-type{border-bottom: none;}
    #compliance_01_sec_16 .tBox_wrap .pepleInf .inf b{font-size: 4vw;}

    #compliance_01_sec_06 .cpList ul li{width: 100%;}
    #compliance_01_sec_06 .cpList ul li .cpLox .txt{font-size: 3.22222222vw;}
    #compliance_01_sec_06 .cpList ul li .cpLi img{max-height: 50%;}

    #compliance_01_sec_06 .isoEffect li{width: 100%; padding: 0.5rem; gap: 0;}
    #compliance_01_sec_06 .isoEffect li p{font-size: 3.33333333vw;}
    #compliance_01_sec_06 .isoEffect li span{font-size: 3.44444444vw;}
    #compliance_01_sec_06 .isoItem li{width: calc(100% / 2 - 10px); font-size: 3.33333333vw;}
    #compliance_01_sec_06 .isoItemBox{padding: 5.33333333vw;}
    #compliance_01_sec_06 .isoItemBox > span{font-size: 3.33333333vw;}
    #compliance_01_sec_06 .isoItemBox > p{padding-left: 0;}
    #compliance_01_sec_06 .isoItemBox .isoItem{justify-content: flex-start; padding-left: 0;}
    #compliance_01_sec_06 .isoItemBox .isoItem.its13 li{width: calc(100% / 5 - 10px);}
    #compliance_01_sec_06 .isoItemBox .isoItem.its10 li{width: calc(100% / 5 - 10px);}

    #compliance_01_sec_09 .isoItem li{width: calc(100% / 2 - 10px); font-size: 3.33333333vw;}


    #compliance_01_sec_12 section, #compliance_01_sec_13 section{margin-bottom: 30px;}
    #compliance_01_sec_12 .cpList ul li{width: 100%;}
    #compliance_01_sec_12 .cpList ul li .cpLox .txt{font-size: 3.22222222vw;}
    #compliance_01_sec_12 .cpList ul li .cpLi img{max-height: 50%;}

    #compliance_01_sec_13 .cpList ul li{justify-content: center; flex-wrap: wrap; gap: 10px; padding: 0.875rem;}
    #compliance_01_sec_13 .cpList ul li .cpLi {width: 90px; min-width: 90px; height: 90px;}
    #compliance_01_sec_13 .cpList ul li .cpLi img, #compliance_01_sec_15 .cpList3 ul li .cpLi img{max-height: 50%;}
    #compliance_01_sec_13 .cpList2 ul li{width: 100%; padding: 0.875rem;}
    #compliance_01_sec_13 .cpList2 ul li .cpLi, #compliance_01_sec_13 .cpList2 ul li .cpLi img{height: 50px;}
    #compliance_01_sec_13 .cpList2 ul li:nth-child(5), #compliance_01_sec_13 .cpList2 ul li:nth-child(6), #compliance_01_sec_13 .cpList2 ul li:nth-child(7){width: 100%;}
    #compliance_01_sec_15 .cpList3 ul li{width: calc(100%  / 2 - 5px); padding: 0.875rem; gap: 0;}

    #compliance_01_sec_15 .cpList4 ul li{width: calc(100% / 2 - 10px );}
    #compliance_01_sec_15 .cpList4 ul li span{font-size: 12px; padding: 8px;}
    #compliance_01_sec_15 .cpList4 ul li a{font-size: 3.33333333vw; padding: 0.875rem 1rem;}
  }

  /*  플로팅 배너 */
.newsroom_direct_link { position: fixed; right: 20px; top: 20%; z-index: 10; }
.newsroom_direct_link > a { display: block; width: 14.8vw; height: 6.8vw; max-width: 100px; background: url(../images/ico/newsroom_link.png) no-repeat center / 100% auto; }
.brochure_direct_link { position: fixed; right: 20px; top: 32%; z-index: 10; }
.brochure_direct_link > a { display: block; width: 14.8vw; height: 6.8vw; max-width: 95px; background: url(../images/ico/brochure_link.png) no-repeat center / 100% auto; }

/* 웹접근성 자막 */
.accessibility_vod_wrap { border: 1px solid #dcdcdc; margin: 30px 0 0; }
.accessibility_vod_wrap .subtit { padding: 30px; background: #fbfbfb; display: flex; flex-direction: column; gap: 10px; }
.accessibility_vod_wrap h2 { font-size: 16px; font-weight: bold; color: #00A5E5; margin: 0; }
.accessibility_vod_wrap .txtwrap { width: 100%; height: 120px; line-height: 1.5; word-break: keep-all; border: none; background: transparent; resize: none; overflow-y: auto; padding: 0; font-family: 'Noto Sans KR', Arial, sans-serif; }
.accessibility_vod_wrap .txtwrap:focus { outline: 2px solid #00578a; outline-style: dashed; outline-offset: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px){
  #page-top-visual { height: 67vh; }
}
/* 1300이상 1400이하 */
@media screen and (min-width: 1300px) and (max-width: 1400px){
  #page-top-visual { height: 59.97vh; }
  .newsroom_direct_link > a { max-width: 90px; }
  .brochure_direct_link > a { max-width: 82px; }
  .allmenu-area .sitemap_sidemenu { top: 86%; }
}

@media screen and (min-width: 1300px) and (max-width: 1600px) {
  /* #page-top-visual { height: 54.97vh; } */
  .brochure_direct_link { right: 23px; top: 35%; }
}

@media screen and (min-width: 769px) and (max-width: 1400px){
  #contribution_01_sec_03 .line img { max-width: 75%; }
}