@charset "utf-8";


#wrap { width:100%; height:100%; -webkit-overflow-scrolling: touch; }


#site-header { position: fixed; top: 0; left: 0; z-index: 110; width: 100%; height: 110px; box-sizing: border-box; background-color: #fff;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#site-header:after { content: ''; position: fixed; top: 109px; left: 0; width: 100%; height: 0%; background-color: #fff; z-index: 0; box-sizing: border-box;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
#site-header > .inner { width: 94%; height: 100%; max-width: 1920px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; position: relative; }
#site-header > .inner > * { z-index: 1; }
#site-header > .inner > * + * { margin-left: 30px; }
#site-header .logo { margin: 0; flex-grow: 1; z-index: 2; }
#site-header .logo a { display: block; width: 152px; height: 66px; font-size: 0; background: url(../images/common/site-logo.svg) center no-repeat;background-size: 100%;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#site-header .menu { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin: 0; position: relative; }
#site-header .menu > li { height: 100%; display: flex; align-items: center; position: relative; }
#site-header .menu > li:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0px; background-color: #203d79; }
#site-header .menu > li > a { display: block; font-size: 18px; color: #333; font-weight: bold; padding: 0 30px; position: relative; z-index: 1;white-space: nowrap;}
#site-header .menu > 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: 7px; -webkit-transition: background 0.5s ease; transition: background 0.5s ease; }
#site-header .menu > li > .depth2 { position: absolute; visibility: hidden; opacity: 0; width: 100%; height: 0%; left: 0; top: 0; padding-top: 110px; box-sizing: border-box; display: flex; background-color: transparent; }
#site-header .menu > li > .depth2 > ul { width: 100%; height: 90px; display: flex; align-items: center; max-width: 1100px; margin: 0 auto; justify-content: center;}
#site-header .menu > li > .depth2 > ul > li {height:100%;padding: 0 35px; position: relative;}
#site-header .menu > li > .depth2 > ul > li:first-child {}
#site-header .menu > li > .depth2 > ul > li + li:before { content: ''; width: 1px; height: 14px; background-color: #adadad; position: absolute; top: 50%; left: 0; margin-top: -7px; }
#site-header .menu > li > .depth2 > ul > li > a { display: flex;align-items: center;height:100%;font-size: 16px; color: #969696; white-space: nowrap; }
#site-header .menu > li > .depth2 > ul > li > a:hover,
#site-header .menu > li > .depth2 > ul > li > a:focus,
#site-header .menu > li > .depth2 > ul > li.active > a { color: #203d79; }
#site-header .menu > li > .depth2 > ul > li.active > a { font-weight: bold; }
#site-header .menu > li > .depth2 > div { flex-grow: 1; padding: 0 50px; padding-top: 35px; display: flex; flex-direction: column; }
#site-header .menu > li > .depth2 > div > .title { font-size: 38px; color: #fff; font-family: 'S-CoreDream-5Medium', sans-serif; max-width: 760px; margin-bottom: 50px; }
#site-header .menu > li > .depth2 > div > .img { width: 100%; height: 100%; max-height: 750px; background-size: cover; background-position: center; }
#site-header .lang { position: relative; text-align: center; line-height: 1; margin-left: 30px; }
#site-header .lang .txt { display: flex; align-items: center; font-size: 15px; color: #333; font-family: 'Metropolis-Regular', sans-serif; position: relative; }
#site-header .lang .txt:after { content: ''; width: 9px; height: 6px; margin-left: 8px; background-size: contain; 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='10px' height='6px'%3E%3Cpath fill-rule='evenodd' fill='rgb(51, 51, 51)' d='M4.811,6.001 L0.204,0.261 L9.418,0.261 L4.811,6.001 Z'/%3E%3C/svg%3E"); }
#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 .withPosco .img {width: 144px; height: 28px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/common/with_posco.png); font-size: 0; -webkit-transition: background 0.5s ease; transition: background 0.5s ease; }
#site-header .poscogroup_ci .img { display: block;  width: 100px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/common/poscogroup_ci_blue.png); font-size: 0; -webkit-transition: background 0.5s ease; transition: background 0.5s ease; }
#site-header .navBtn { margin-left: 30px; }
#site-header .navBtn .menu_btn { width: 60px; height: 60px; background-color: transparent; border-radius: 50%; position: relative; border: 0; cursor: pointer; padding: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; font-size: 11px; color: #fff; font-family: 'Roboto', sans-serif; -webkit-transition: background 0.5s ease; transition: background 0.5s ease; }
#site-header .navBtn .menu_btn .line { width: 35px; }
#site-header .navBtn .menu_btn .line span { display: block; width: 100%; height: 2px; background-color: #222; }
#site-header .navBtn .menu_btn .line span + span { margin-top: 8px; }
#site-header .navBtn .menu_btn .line span:nth-child(2) { width: 80%; }

#site-header.main { background-color: transparent; }
#site-header.main .logo a { background: url(../images/common/site-logo-w.svg) center no-repeat;  }
#site-header.main .menu > li > a { color: #fff; }
#site-header.main .menu > li > a[target]:after { background-image: url(../images/ico/ico_link_w.png); }
#site-header.main .lang .txt { color: #fff; }
#site-header.main .lang .txt:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='6px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M4.811,6.001 L0.204,0.261 L9.418,0.261 L4.811,6.001 Z'/%3E%3C/svg%3E"); }
#site-header.main .withPosco .img { background-image: url(../images/common/with_posco_w.png); }
#site-header.main .poscogroup_ci .img { background-image: url(../images/common/poscogroup_ci.png); }
#site-header.main .navBtn .menu_btn .line span { background-color: #fff; }

#site-header.menuOn:after { height: 90px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#site-header.menuOn .menu > li > .depth2 { height: 200px; }
#site-header.menuOn .menu > li.on:after { height: 2px; }
#site-header.menuOn .menu > li.on > .depth2 { visibility: visible; opacity: 1; -webkit-transition: opacity 0.75s ease; transition: opacity 0.75s ease; }
#site-header.scrollDown { border-bottom: 1px solid #eee; }

#site-header.menuOn, 
#site-header.scrollDown { background-color: #fff; }
#site-header.menuOn .logo a, 
#site-header.scrollDown .logo a { background: url(../images/common/site-logo.svg) center no-repeat; }
#site-header.menuOn .menu > li > a,
#site-header.scrollDown .menu > li > a { color: #333; }
#site-header.menuOn .menu > li > a[target]:after,
#site-header.scrollDown .menu > li > a[target]:after { background-image: url(../images/ico/ico_link_b.png); }
#site-header.menuOn .lang .txt,
#site-header.scrollDown .lang .txt { color: #333; }
#site-header.menuOn .lang .txt:after,
#site-header.scrollDown .lang .txt:after { color: #333; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='6px'%3E%3Cpath fill-rule='evenodd' fill='rgb(51, 51, 51)' d='M4.811,6.001 L0.204,0.261 L9.418,0.261 L4.811,6.001 Z'/%3E%3C/svg%3E"); }
#site-header.menuOn .withPosco .img,
#site-header.scrollDown .withPosco .img { background-image: url(../images/common/with_posco.png); }
#site-header.menuOn .poscogroup_ci .img,
#site-header.scrollDown .poscogroup_ci .img { background-image: url(../images/common/poscogroup_ci_blue.png); }
#site-header.menuOn .navBtn .menu_btn .line span,
#site-header.scrollDown .navBtn .menu_btn .line span { background-color: #333; }




#site-nav { position: fixed; top: 0; right: 0; z-index: 1000; width: 100%; height: 100%; background-color: #f5f5f5; display: flex; align-items: center; 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);
}
#site-nav > .inner { width: 100%; position: relative; height: 100%; display: flex; }
#site-nav .top { display: none; }
#site-nav .visual { background: url(../images/common/site_nav_bg.jpg) center no-repeat; background-size: cover; width: 40%; box-sizing: border-box; padding-top: 150px; padding-bottom: 50px; }
#site-nav .visual > div { width: 70%; max-width: 380px; margin: 0 auto; }
#site-nav .visual .logo { max-width: 170px; }
#site-nav .visual .text { color: #fff; letter-spacing: 0.2em; margin-top: 20px; }
#site-nav .visual .text span { white-space: nowrap; }
#site-nav .menu { width: 100%; padding-top: 110px; box-sizing: border-box; overflow-y: auto; }
#site-nav .menu > ul { display: flex; flex-wrap: wrap; width: 75%; margin: 0 auto; overflow: hidden; padding: 0 5px; }
#site-nav .menu > ul > li { width: 25%; padding: 40px 0; padding-right: 40px; box-sizing: border-box; border-bottom: 1px solid #dfdfdf; margin-bottom: -1px; }
#site-nav .menu > ul > li > a { display: inline-block; font-size: 28px; font-weight: bold; color: #333; border-bottom: 2px solid transparent; transform: translateY(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-nav .menu > ul > li > a[target]:after { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url(../images/ico/ico_link_b2.png); background-size: contain; background-repeat: no-repeat; margin-left: 7px; -webkit-transition: background 0.5s ease; transition: background 0.5s ease; }
#site-nav .menu > ul > li > .depth2 { margin-top: 30px; transform: translateY(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-nav .menu > ul > li > .depth2 > ul > li {  }
#site-nav .menu > ul > li > .depth2 > ul > li + li { margin-top: 15px; }
#site-nav .menu > ul > li > .depth2 > ul > li > a { font-size: 18px; color: #666; border-bottom: 1px solid transparent; }
#site-nav .menu > ul > li > a:focus,
#site-nav .menu > ul > li > a:hover { border-color: #333; }
#site-nav .menu > ul > li > .depth2 > ul > li > a:focus,
#site-nav .menu > ul > li > .depth2 > ul > li > a:hover,
#site-nav .menu > ul > li > .depth2 > ul > li.active > a { border-color: #666; }
#site-nav .closeBtn { position: absolute; top: 25px; right: 50px; width: 56px; height: 56px; font-size: 0; border: 0; border-radius: 50%; cursor: pointer; background-color: #242424; 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='16px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M10.448,7.899 L14.684,12.135 C15.422,12.873 15.422,14.069 14.684,14.807 C13.946,15.545 12.749,15.545 12.011,14.807 L7.775,10.572 L3.598,14.750 C2.866,15.481 1.681,15.481 0.950,14.750 C0.218,14.019 0.218,12.833 0.950,12.102 L5.128,7.924 L0.887,3.683 C0.149,2.945 0.149,1.748 0.887,1.010 C1.625,0.272 2.821,0.272 3.559,1.010 L7.800,5.251 L11.971,1.080 C12.702,0.349 13.888,0.349 14.619,1.080 C15.350,1.812 15.350,2.997 14.619,3.728 L10.448,7.899 Z'/%3E%3C/svg%3E"); }
#gnb_bg { position: fixed; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

body.openGnb { overflow: hidden; }
body.openGnb #site-nav { visibility: visible; opacity: 1; }
body.openGnb #site-nav .menu > ul > li > a,
body.openGnb #site-nav .menu > ul > li > .depth2 { transform: translateY(0); transition-delay: calc(0.1s*var(--char-index)); opacity: 1; }



#site-body { padding-top: 110px; outline: none; }
#site-body.main { padding-top: 0; }


#site-footer { background-color: #f4f4f4; }
#site-footer > .inner { width: 92%; max-width: 1400px; margin: 0 auto; position: relative; box-sizing: border-box; padding: 40px 0; display: flex; }
#site-footer .logo { width: 200px; flex: none; }
#site-footer .logo img { margin-top: 5px; }
#site-footer .mid { width: 100%; }
#site-footer .mid .menu { display: flex; width: 100%; margin: 0 -12px; margin-bottom: 30px; }
#site-footer .mid .menu > li { padding: 0 12px; position: relative; }
#site-footer .mid .menu > li > a { font-size: 1em; color: #333; }
#site-footer .mid .menu > li.em  > a { color: #4671df; }
#site-footer .mid .menu > li.out > a { color: #25abdf; }
#site-footer .mid .menu > li.out > a:after { content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(../images/ico/ico_link_sky.png); background-size: contain; background-repeat: no-repeat; margin-left: 5px; }
#site-footer .mid .info > li { display: inline-block; padding-right: 20px; font-size: 1em; color: #a9a9a9; }
#site-footer .mid .copy { font-size: 1em; color: #a9a9a9; margin-top: 5px; }
#site-footer .select .group_select { width: 240px; position: relative; }
#site-footer .select .group_select > a { display: flex; align-items: center; width: 100%; height: 50px; border-bottom: 1px solid #000; font-size: 1em; color: #333; font-weight: 500; background-repeat: no-repeat; background-position: top 20px right 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='14px' height='14px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M14.000,8.000 L8.000,8.000 L8.000,14.000 L6.000,14.000 L6.000,8.000 L-0.000,8.000 L-0.000,6.000 L6.000,6.000 L6.000,-0.000 L8.000,-0.000 L8.000,6.000 L14.000,6.000 L14.000,8.000 Z'/%3E%3C/svg%3E"); }
#site-footer .select .group_select > ul { position: absolute; bottom: 100%; left: 0; width: 100%; background-color: #fff; z-index: 1; overflow-y: auto; height: 0; border: 1px solid #ccc; padding: 20px; visibility: hidden; }
#site-footer .select .group_select > ul > li + li { margin-top: 20px; }
#site-footer .select .group_select > ul > li .sector { font-size: 1.15em; color: #4671df; font-weight: 500; margin-bottom: 10px; }
#site-footer .select .group_select > ul > li a { font-size: 1em; color: #333; }
#site-footer .select .group_select > ul > li > ul > li + li { margin-top: 5px; }
#site-footer .select .group_select.active > ul { visibility: visible; height: 50vh; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }



/* SubPage */
#page-top-visual { width: 100%; height: 400px; position: relative; overflow: hidden; }
#page-top-visual .text { position: relative; width: 92%; height: 100%; margin: 0 auto; max-width: 1400px; display: flex; align-items: center; justify-content: center; text-align: center; }
#page-top-visual .text .tit { font-size: 55px; font-weight: bold; color: #fff; /*text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);*/ }
#page-top-visual .text .txt { font-size: 22px; font-weight: 500; color: #fff; max-width: 560px; margin: 0 auto; margin-top: 20px; text-shadow: 1px 1px 3px rgb(0 0 0 / 50%); }
#page-top-visual .text .loc { display: flex; margin: 0 -15px; margin-top: 15px; justify-content: center; }
#page-top-visual .text .loc > li { padding: 0 15px; font-size: 1em; color: #e2e3e3; font-weight: 500; position: relative; }
#page-top-visual .text .loc > li + li:before { content: ''; width: 1px; height: 14px; background-color: #afafaf; box-sizing: border-box; margin-top: -6px; position: absolute; left: 0; top: 50%; }
#page-top-visual .bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #666; }
#page-top-visual .bg .img { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }

#sub-menu { width: 100%; height: 80px; background-color: transparent; }
#sub-menu > .inner { position: relative; top: 0; left: 0; width: 100%; height: 80px; z-index: 5; box-sizing: border-box; background-color: #203d7a; }
#sub-menu > .inner > a { display: none; }
#sub-menu ul { position: relative; width: 100%; height: 100%; max-width: 1400px; margin: 0 auto; display: flex; justify-content: center; text-align: center; }
#sub-menu ul > li { position: relative; box-sizing: border-box; z-index: 2; }
#sub-menu ul > li + li { margin-left: 90px; }
#sub-menu ul > li a { font-size: 1.2em; height: 100%; color: #fff; font-weight: 500; white-space: nowrap; display: flex; align-items: center; justify-content: center; padding: 0 20px; opacity: 0.6; }
#sub-menu ul > li.active a { opacity: 1; }
#sub-menu ul > li.active:before { height: 3px; }

.page-section { display: flex; flex-direction: column; justify-content: center; position: relative; box-sizing: border-box; overflow: hidden; padding: 2% 0; }
.page-section:first-child { padding-top: 5%; }
.page-section:last-child { padding-bottom: 8%; }
.page-section.minHauto { min-height: auto; }
.page-section > .inner { max-width: 1400px; width: 92%; margin: 0 auto; position: relative; z-index: 1; box-sizing: border-box; }
.page-section > .bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: #999; background-size: cover; 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-contents { width: 100%; /*min-height: 100vh;*/ overflow: hidden; }
#page-contents > .inner { width: 100%; max-width: 1920px; margin: 0 auto; }


.sub-page-head { padding-top: 5%; padding-bottom: 50px; }
.sub-page-head > .inner { width: 92%; max-width: 1400px; margin: 0 auto; }
.sub-page-head .title { font-size: 40px; font-weight: bold; color: #222; line-height: 1.2; }
.sub-page-head .text { font-size: 20px; line-height: 1.6; color: #333; margin-top: 30px; }
.sub-page-head .text .t1 { font-size: 32px; color: #225d9c; margin-bottom: 30px; }
.sub-page-head .text .t2 { font-size: 20px; color: #969696; line-height: 1.75; }
.sub-page-head .text .btnLink { width: 200px; height: 50px; background-color: #333; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 16px; margin-top: 30px; }
.sub-page-head .row .text { margin-top: 0; }
.sub-page-head .banner { margin-top: 30px; background-color: #666; background-size: cover; background-position: center; width: 100%; height: 340px; }
.sub-page-head .banner > div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; width: 85%; margin: 0 auto; box-sizing: border-box; padding: 50px 0; }
.sub-page-head .banner.left > div { justify-content: flex-start; text-align: left; }
.sub-page-head .banner .tit { font-size: 34px; font-weight: bold; }
.sub-page-head .banner .txt { font-size: 20px; margin-top: 10px; }
.sub-page-head .banner + .tabMenu { margin-top: 55px; }
.sub-page-head .tabMenu { margin-top: 70px; overflow: hidden; }
.sub-page-head .tabMenu > a { display: none; }
.sub-page-head .tabMenu > ul { display: flex; overflow: hidden; margin-right: -1px; }
.sub-page-head .tabMenu > ul > li { width: 100%; border-bottom: 1px solid #4c78d4; }
.sub-page-head .tabMenu > ul > li a { background-color: #ebebeb; display: flex; width: 100%; height: 60px; justify-content: center; align-items: center; text-align: center; font-size: 1em; color: #222; border-right: 1px solid #fff; box-sizing: border-box; }
.sub-page-head .tabMenu > ul > li.active { border-bottom: 0;  border-left: 1px solid #4c78d4; border-right: 1px solid #4c78d4; }
.sub-page-head .tabMenu > ul > li.active a { background-color: #fff; color: #4c78d4; border-top: 1px solid #4c78d4; } 
.sub-page-head .fileList { display: flex; margin: -5px; margin-top: 30px; padding: 5px; }
.sub-page-head .fileList > li  { padding: 5px; }
.sub-page-head .fileList > li a { display: flex; align-items: center; justify-content: space-between; min-width: 200px; height: 60px; padding: 0 40px; border: 1px solid #666; border-radius: 60px; box-sizing: border-box; background-color: #fff; }
.sub-page-head .fileList > li a:after { content: ''; width: 16px; height: 20px; background: url(../images/ico/ico_download_blk.png) center no-repeat; margin-left: 60px; }

.sub-page-banner { background-color: #666; background-size: cover; background-position: center; position: relative; }
.sub-page-banner > .inner  { width: 100%; height: 300px; max-width: 1400px; display: flex; align-items: center; margin: 0 auto; padding: 50px; box-sizing: border-box; position: relative; z-index: 1;font-weight: bold;}
.sub-page-banner > .bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: #666; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub-page-banner > .bg .img { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.sub-page-banner .text { font-size: 32px; color: #fff; max-width: 800px; }
.sub-page-banner .text.right { text-align: right; margin-left: auto; }
.sub-page-banner .text.center { text-align: center; margin: 0 auto; }

.secHead { margin-bottom: 30px; }
.secBody {  }
.secTitle { font-size: 2em; line-height: 1.75; font-weight: bold; color: #222; padding-right: 60px; }
.secTitle.h2 { font-size: 25px; }
.secTitle span { display: block; font-size: 0.625em; font-weight: normal; margin-top: 15px; }
.secTitle.center { text-align: center; padding-right: 0; }
.secText { font-size: 20px; color: #666; line-height: 2; margin-top: 10px; }
.secText ul > li { font-size: 0.8em; padding-left: 10px; text-indent: -10px; }
.secText ul > li + li { margin-top: 5px; }
.secText ul.num > li { padding-left: 20px; text-indent: -20px; }
.secText ul.num > li .tit { color: #333; margin-bottom: 10px;font-size: 1em}
.secText > li { padding-left: 20px; text-indent: -20px; }
.secText > li + li { margin-top: 5px; }
.secText p { font-size: 0.8em; color: #333; text-indent: 0; }
.secText .subTit { font-size: 1em; color: #222; margin-bottom: 20px; }


/* Main */
#main-top-visual { width: 100%; max-width: 1920px; height: calc(100vh - 0px); max-height: 1024px; position: static; overflow: hidden; margin: 0 auto; box-sizing: border-box; }
#main-top-visual .swiper-slide { width: 100%; height: 100%; overflow: hidden; background-color: #fff; }
#main-top-visual .text { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding-top: 15%; visibility: hidden;  }
#main-top-visual .text > .inner { width: 92%; margin: 0 auto; max-width: 1400px; box-sizing: border-box; }
#main-top-visual .text .textWr { max-width: 1200px;  }
#main-top-visual .text .textWr > * { transform: translateX(100px); opacity: 0; }
#main-top-visual .tit { font-size: 55px; font-weight: bold; color: #fff; line-height: 1.273; margin-bottom: 30px; font-family: 'Metropolis-Bold', sans-serif; }
#main-top-visual .txt { font-size: 25px; color: #fff; line-height: 1.6; max-width: 700px; }
#main-top-visual .text .more { margin-top: 60px; }
#main-top-visual .text .more a { position: relative; display: flex; align-items: center; width: 230px; height: 60px; border: 1px solid #fff; border-radius: 60px; background-color: #fff; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 30px; overflow: hidden; }
#main-top-visual .text .more a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #06276b; 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 #222; border-right: 2px solid #222; box-sizing: border-box; transform: rotate(-45deg); }
#main-top-visual .text .more a span { display: inline-block; font-size: 16px; color: #333; font-weight: bold; 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: #06276b;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#main-top-visual .text .more a:hover { border-color: #06276b; }
#main-top-visual .text .more a:hover:before { width: 100%; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#main-top-visual .text .more a:hover:after { border-color: #fff; }
#main-top-visual .text .more a:hover span { color: #fff; }
#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: #fff; overflow: hidden; }
#main-top-visual .bg .img { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: transform 10s linear; transition: transform 10s linear; }

#main-top-visual .swiper-prev,
#main-top-visual .swiper-next { position: absolute; top: 50%; left: 0; z-index: 2; background-color: transparent; width: 100px; height: 100px; cursor: pointer; border: 0; margin-top: -50px; overflow: hidden; display: flex; 
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#main-top-visual .swiper-next { left: auto; right: 0; justify-content: flex-end; }
#main-top-visual .swiper-prev > div,
#main-top-visual .swiper-next > div { height: 100px; display: flex; align-items: center; padding: 0 35px; flex: none;}
#main-top-visual .swiper-prev > div > * { flex: none; }
#main-top-visual .swiper-prev > div > * + *,
#main-top-visual .swiper-next > div > * + * { margin-left: 30px; }
#main-top-visual .swiper-prev .txt,
#main-top-visual .swiper-next .txt { font-size: 20px; color: #fff; font-family: 'Metropolis-Regular', sans-serif; min-width: 120px; }
#main-top-visual .swiper-prev .txt { text-align: right; }
#main-top-visual .swiper-next .txt { text-align: left; }
#main-top-visual .swiper-prev .page,
#main-top-visual .swiper-next .page { font-size: 16px; color: #fff; font-family: 'Metropolis-Bold', sans-serif; position: relative; display: flex; align-items: center; transform: rotate(45deg); width: auto; bottom: auto; }
#main-top-visual .swiper-prev .page:before,
#main-top-visual .swiper-next .page:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1px; height: 25px; background-color: #fff; }
#main-top-visual .swiper-prev .page span,
#main-top-visual .swiper-next .page span { padding: 0 7px; transform: rotate(-45deg); }
#main-top-visual .swiper-prev .page .total,
#main-top-visual .swiper-next .page .total { opacity: 0.5; }
#main-top-visual .swiper-prev .arrow,
#main-top-visual .swiper-next .arrow { width: 22px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; }
#main-top-visual .swiper-prev .arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='40px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M22.005,37.622 L19.647,40.009 L-0.005,20.113 L0.250,19.854 L0.098,19.700 L19.565,-0.010 L21.902,2.356 L4.537,19.936 L22.005,37.622 Z'/%3E%3C/svg%3E"); }
#main-top-visual .swiper-next .arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='41px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M23.192,20.612 L3.206,40.446 L0.808,38.067 L18.573,20.437 L0.912,2.911 L3.288,0.553 L23.087,20.201 L22.933,20.355 L23.192,20.612 Z'/%3E%3C/svg%3E"); }
#main-top-visual .swiper-prev:hover,
#main-top-visual .swiper-next:hover { width: 200px; background-color: #00a2e1; }
#main-top-visual .swiper-slide-active .text { visibility: visible; }
#main-top-visual .swiper-slide-active .text .textWr > * { transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#main-top-visual .swiper-slide-active .text .textWr > .txt { transition-delay: 0.1s; }
#main-top-visual .swiper-slide-active .text .textWr > .more { transition-delay: 0.2s; }
#main-contents { width: 100%; position: relative; z-index: 1; }
#main-contents .main_sec_head { text-align: center; margin-bottom: 60px; }
#main-contents .main_sec_head .tit { font-size: 50px; font-weight: bold; color: #222; line-height: 1.2; position: relative; display: inline-block; text-transform: uppercase; font-family: 'Metropolis-Bold', sans-serif; }
#main-contents .main_sec_head .txt { font-size: 20px; color: #333; margin: 0 auto; margin-top: 20px; width: 82%; max-width: 740px; }

.main-section { display: flex; flex-direction: column; justify-content: center; position: relative; box-sizing: border-box; overflow: hidden; padding: 5% 0; }
.main-section > .inner { max-width: 1688px; width: 92%; margin: 0 auto; position: relative; z-index: 1; box-sizing: border-box; }

#main_sec_01 { background: url(../images/main/main_sec_01_bg.png) center right no-repeat; }
#main_sec_01 .biz_list > li { display: flex; align-items: center; }
#main_sec_01 .biz_list > li + li { margin-top: 160px; }
#main_sec_01 .biz_list > li .img { width: 55%; flex: none; position: relative; }
#main_sec_01 .biz_list > li .img:after { content: ''; width: 105%; height: 100%; position: absolute; top: -40px; left: -12%; z-index: -1; background-repeat: no-repeat; background-position: top left; background-image: url(../images/main/main_sec_01_bg_a.png); }
#main_sec_01 .biz_list > li .cont { padding-left: 100px; padding-right: 145px; }
#main_sec_01 .biz_list > li .cont .tit { font-size: 50px; font-weight: 500; color: #222; margin-bottom: 60px; }
#main_sec_01 .biz_list > li .cont .txt1 { font-size: 25px; color: #333; margin-bottom: 20px; } 
#main_sec_01 .biz_list > li .cont .txt2 { font-size: 16px; color: #7a7a7a; margin-bottom: 40px; } 
#main_sec_01 .biz_list > li .cont .more { font-size: 14px; color: #333; font-family: 'Metropolis-Medium', sans-serif; display: flex; align-items: center; }
#main_sec_01 .biz_list > li .cont .more:after { content: ''; width: 45px; height: 45px; margin-left: 12px; background-size: contain; 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='52px' height='45px'%3E%3Cpath fill-rule='evenodd' fill='rgb(34, 34, 34)' d='M29.500,-0.000 C41.926,-0.000 52.000,10.073 52.000,22.499 C52.000,34.926 41.926,45.000 29.500,45.000 C17.074,45.000 7.000,34.926 7.000,22.499 C7.000,10.073 17.074,-0.000 29.500,-0.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.805,22.295 L33.205,22.295 L33.205,23.695 L0.805,23.695 L0.805,22.295 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M25.780,15.280 L33.219,22.719 L32.229,23.709 L24.790,16.270 L25.780,15.280 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M25.797,30.688 L33.197,23.287 L32.213,22.302 L24.812,29.703 '/%3E%3C/svg%3E"); }
#main_sec_01 .biz_list > li:nth-child(even) .img { order: 2; }
#main_sec_01 .biz_list > li:nth-child(even) .img:after { top: auto; bottom: -40px; left: auto; right: -12%; background-position: bottom right; background-image: url(../images/main/main_sec_01_bg_b.png); }

#main_sec_02 { background-color: #131139; background-image: url(../images/main/main_sec_02_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 40px 0; }
#main_sec_02 > .inner { max-width: 1668px; display: flex; align-items: center; }
#main_sec_02 > .inner > * { width: 100%; }
#main_sec_02 .main_sec_head { text-align: left; margin-bottom: 0; }
#main_sec_02 .main_sec_head .tit { color: #fff; }

#main_sec_02 .ir_stock { display: flex; justify-content: center; align-items: center; }
#main_sec_02 .ir_stock > div { display: flex; flex-wrap: wrap; max-width: 240px; }
#main_sec_02 .ir_stock > div + div { margin-left: 90px; max-width: 100%; }
#main_sec_02 .ir_stock > div > div { font-family: 'Metropolis-Bold', sans-serif; font-size: 55px; line-height: 45px; color: #fff; margin-bottom: 20px; text-align: center; width: 100%; }
#main_sec_02 .ir_stock > div > span { font-family: 'Metropolis-Regular', sans-serif; font-size: 18px; display: inline-block; color: #fff; width: 50%; text-align: center; }
#main_sec_02 .ir_stock > div > span > * { display: inline-block; }
#main_sec_02 .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 #3baeff; }
#main_sec_02 .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 #ff3b3b; }
#main_sec_02 .ir_stock > div > ul { display: flex; flex-wrap: wrap; margin: -5px -35px; width: 400px; }
#main_sec_02 .ir_stock > div > ul > li { display: flex; justify-content: space-between; width: 50%; padding: 5px 35px; box-sizing: border-box; }
#main_sec_02 .ir_stock > div > ul > li > span { width: 50%; text-align: right; font-size: 14px; color: #fff; }
#main_sec_02 .ir_stock > div > ul > li > span.t { text-align: left; color: #918fbd; }

#main_sec_03 { padding: 0 !important; }
#main_sec_03 > .inner { max-width: 100%; width: 100%; display: flex; }
#main_sec_03 .subSec { width: 100%; padding: 60px 6%; background-color: #ccc; background-size: cover; background-repeat: no-repeat; background-position: center; }
#main_sec_03 .subSec .t1 { font-size: 1.25em; font-weight: bold; color: #fff; margin-bottom: 30px; }
#main_sec_03 .subSec .t2 { font-size: 2em; color: #fff; max-width: 480px; line-height: 1.4; margin-bottom: 40px; }
#main_sec_03 .subSec .btn { display: flex; align-items: center; justify-content: space-between; width: 290px; height: 60px; border: 1px solid #fff; background-color: transparent; box-sizing: border-box; font-size: 1em; color: #fff; font-weight: bold; padding: 0 30px; }
#main_sec_03 .subSec .btn:after { content: ''; width: 30px; height: 10px; margin-left: 20px; background-size: contain; 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='29px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M28.000,7.586 L28.606,8.192 L28.000,8.799 L28.000,9.000 L27.799,9.000 L27.192,9.606 L26.586,9.000 L-0.000,9.000 L-0.000,7.000 L24.586,7.000 L19.393,1.807 L20.808,0.393 L27.414,7.000 L28.000,7.000 L28.000,7.586 Z'/%3E%3C/svg%3E"); }

#policy_sec .select {margin-bottom: 60px; text-align: right;}
#policy_sec .select select {width: 120px; height: 40px; padding-left: 10px; padding-right: 40px; background: url(../images/ico/selectbox_arrow.png) right 14px center no-repeat; appearance: none; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none;}
#policy_sec .select button {height: 40px; background-color: #00578a; color: #fff; border: 0; padding: 0 10px;}
#policy_sec .title { font-size: 25px; font-weight: bold; color: #333; margin-bottom: 15px; }
#policy_sec .s_title { font-size: 20px; color: #0552a9; margin-bottom: 15px; }
#policy_sec .text { font-size: 18px; line-height: 35px; color: #5a5959; margin-bottom: 30px; }
#policy_sec .table { margin-top: 10px; overflow-x: auto; }
#policy_sec .table table {  width: 100%; border-top: 2px solid #005789; }
#policy_sec .table th { border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; font-size: 14px; line-height: 18px; color: #333; height: 55px; vertical-align: middle; text-align: center; font-weight: bold; }
#policy_sec .table td { border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; font-size: 18px; line-height: 30px; color: #333; text-align: center; padding: 20px; vertical-align: middle; }
#policy_sec .table th.bon_r,
#policy_sec .table td.bon_r { border-right: 0; }
#policy_sec .text ul + ul { margin-top: 20px; }
#policy_sec .text > ul > li { padding-left: 22px; text-indent: -22px }
#policy_sec .text > ul > li > ul { padding-left: 22px; }


#policy_sec .personal h1 {  font-size: 1.7em; font-weight: bold; color: #222;  margin-bottom:40px; text-align: center; }
#policy_sec .personal h3 {  font-size: 1.5em; font-weight: bold; color: #333; margin-top: 40px; margin-bottom: 15px; }
#policy_sec .personal p { font-size: 1.125em; line-height: 35px; color: #5a5959; margin-bottom: 15px; }
#policy_sec .personal > ul { font-size: 1em; line-height: 35px; color: #5a5959; margin-bottom: 15px; }
#policy_sec .personal ul + ul { margin-top: 20px; }
#policy_sec .personal ul > li { padding-left: 22px; text-indent: -22px; }
#policy_sec .personal ul > li > ul { font-size: 1em; }
#policy_sec .personal ul > li > ul > li  { padding-left: 0; text-indent: 0; }
#policy_sec .personal > ol { font-size: 1em;line-height: 35px; color: #5a5959; margin-bottom: 15px; }

#policy_sec .info h3 { font-size: 1.75em; font-weight: bold; color: #333; margin-top: 40px; margin-bottom: 15px; }
#policy_sec .info strong { font-size: 1.25em; color: #0552a9; }
#policy_sec .info ul { margin-top: 15px; margin-left: 2em; }
#policy_sec .info ul > li { font-size: 1.125em; line-height: 35px; color: #5a5959; margin-bottom: 15px; }
#policy_sec .info ul > li > ul > li {font-size: 0.9em;line-height: 23px}


#main_sec_news > .bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background-image: url(../images/main/main_sec_news_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
#main_sec_news > .inner { display: flex; }
#main_sec_news .main_sec_head { width: 360px; flex: none; text-align: left; }
#main_sec_news .main_sec_head .tit span { color: #00a2e1; }
#main_sec_news .main_sec_body { width: 100%; }



/* Borad Style */
.board_cate { display: flex; margin-bottom: 50px; }
.board_cate > li { width: 100%; height: 60px; border: 1px solid #d8d8d8; box-sizing: border-box; background-color: #fff; }
.board_cate > li + li { border-left: 0; }
.board_cate > li a { display: block; text-align: center; color: #444; line-height: 58px; }
.board_cate > li.active a { color: #fff; background-color: #ed9f23; font-weight: bold; }
.board_list_head { display: flex; justify-content: space-between; margin-bottom: 30px; }
.board_list_head .searchBtn { min-width: 50px; height: 50px; border: 0; line-height: 50px; background-color: #111111; font-size: 16px; font-weight: bold; color: #fff; padding: 0 20px; margin-left: 0; cursor: pointer; }
.board_list_head .searchBtn:before { content: ''; display: inline-block; vertical-align: middle; margin-top: -1px; margin-right: 5px; width: 15px; height: 15px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='23px'%3E%3Cpath fill-rule='evenodd' stroke-width='3px' stroke='rgb(255, 255, 255)' fill-opacity='0' fill='rgb(215, 217, 223)' d='M17.947,18.897 C17.356,19.488 16.398,19.488 15.807,18.897 L12.708,15.723 C11.794,16.273 10.735,16.608 9.591,16.608 C6.230,16.608 3.505,13.883 3.505,10.522 C3.505,7.161 6.230,4.436 9.591,4.436 C12.952,4.436 15.677,7.161 15.677,10.522 C15.677,11.637 15.355,12.667 14.832,13.566 L17.947,16.756 C18.538,17.347 18.538,18.306 17.947,18.897 Z'/%3E%3C/svg%3E"); }
.board_list { border-top: 3px solid #111; }
.board_list > li { border-bottom: 1px solid #e2e2e2; display: flex; padding: 30px 0; }
.board_list > li:focus,
.board_list > li:hover { background-color: #f8f8f8; }
.board_list > li > * { box-sizing: border-box; }
.board_list > li > .num { width: 150px; padding: 3px 20px; text-align: center; color: #999; }
.board_list > li > .class  { width: 220px; padding: 0 50px; }
.board_list > li > .class span { display: inline-block; padding: 3px 20px; background-color: #fff; color: #e78f01; border: 1px solid #e78f01; border-radius: 35px; box-sizing: border-box; }
.board_list > li > .title { padding: 3px 25px; flex-grow: 1; }
.board_list > li > .title a { color: #444; }
.board_list > li > .title a:hover { border-bottom: 1px solid #8b8b8b; }
.board_list > li > .date { width: 200px; font-family: 'Poppins', 'Noto Sans KR', Arial, sans-serif; font-weight: lighter; color: #999; padding: 3px 65px; }
.board_list_more { margin-top: 60px; text-align: center; }
.board_list_more .btn { width: 180px; height: 50px; color: #444; padding: 0 27px; border: 1px solid #222; text-align: left; position: relative; background: #fff url(../images/ico/ico_arrow_down_b.png) center right 25px no-repeat; cursor: pointer; }



/* Inquiry_Form */
#inquiry_form { 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 * + .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: 33px 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 td { padding: 25px 15px; border-bottom: 1px solid #dddddd; }
#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 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: #085cab; font-size: 20px; color: #fff; border-radius: 70px; border: 0; cursor: pointer; }
#inquiry_form .form_table .vam {vertical-align: middle;}
#inquiry_form .fileUpload { display: flex; justify-content: space-between; position: relative; }
#inquiry_form .fileUpload .btn { position: relative; }
#inquiry_form .fileUpload .btn label { font-size: 1em; color: #333; width: 124px; height: 55px; border: 1px solid #333; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; cursor: pointer; }
#inquiry_form .fileUpload .btn input { position: absolute; width: 0; height: 0; visibility: hidden; }
#inquiry_form .fileUpload .fileList { flex-grow: 1; padding: 0 30px; padding-top: 15px; }
#inquiry_form .fileUpload .fileList li { display: inline-block; white-space: nowrap; margin-right: 15px; margin-bottom: 5px; }
#inquiry_form .fileUpload .fileList li span { display: inline-block; font-size: 1em; color: #333; }
#inquiry_form .fileUpload .fileList li button { font-size: 0; width: 26px; height: 26px; border-radius: 50%; border: 0; vertical-align: middle; margin-left: 5px; cursor: pointer; background-color: #b3b3b3; background-position: center; background-repeat: no-repeat; background-size: 60%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M21.354 20.646c.195.196.195.512 0 .707-.098.098-.226.147-.354.147-.128 0-.256-.049-.354-.146L14 14.707l-6.646 6.646c-.098.098-.226.147-.354.147-.128 0-.256-.049-.354-.146-.195-.196-.195-.512 0-.707L13.293 14 6.647 7.354c-.196-.196-.196-.512 0-.708.195-.195.511-.195.707 0L14 13.293l6.646-6.646c.196-.196.512-.196.707 0 .196.195.196.511 0 .707L14.707 14l6.646 6.646z'/%3E%3C/svg%3E"); }
#inquiry_form .fileUpload .fileSize { padding-top: 20px; }
#inquiry_form .fileUpload .fileSize > div { width: 180px; font-size: 14px; color: #666; text-align: right; }
#inquiry_form .fileUpload .fileSize span { margin-left: 20px; }

#confirm_modal { width: 600px; max-height: 95%; }
#confirm_modal button.modal_close { cursor: pointer; font-size: 0; position: absolute; top: 50%; 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; }


/* Table Board */
.tb_top { margin-bottom: 20px; }
.tb_top .total { font-size: 1em; color: #666; }
.tb_top .total span { font-family: 'Roboto', sans-serif; font-weight: bold; color: #0078c1; }
.tb_table { width: 100%; border-top: 2px solid #000; overflow-x: auto; }
.tb_table .class { width: 150px; flex: none; }
.tb_table .title { flex-grow: 1; flex-shrink: 1; }
.tb_table .date { width: 230px; text-align: center; }
.tb_table .state { width: 150px; text-align: center; }
.tb_table .tb_head { width: 100%; height: 60px; display: flex; align-items: center; border-bottom: 1px solid #dcdbdb; text-align: center; background-color: #f4f4f4; }
.tb_table .tb_head > li { font-size: 1em; color: #333; font-weight: 500; white-space: nowrap; text-align: center; padding: 0 20px; box-sizing: border-box; }
.tb_table .tb_list > li { border-bottom: 1px solid #dcdbdb; padding: 4px 0; text-align: center; }
.tb_table .tb_list > li:not(.none):hover { background-color: #f5f5f5; }
.tb_table .tb_list > li > * { display: flex; align-items: center; width: 100%; height: 60px; }
.tb_table .tb_list > li > * > * { font-size: 1em; padding: 0 20px; box-sizing: border-box; }
.tb_table .tb_list > li.none { height: 300px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 1.5em; color: #666; }
.tb_table .tb_list .class span { display: flex; align-items: center; justify-content: center; width: 90px; height: 35px; border-radius: 35px; background-color: #333; font-size: 1em; color: #fff; margin: 0 auto; }
.tb_table .tb_list .class span.class_1 { background-color: #00578a; }
.tb_table .tb_list .class span.class_2 { background-color: #00b2c9; }
.tb_table .tb_list .title { font-size: 1em; color: #666; }
.tb_table .tb_list .date { font-size: 0.875em; color: #898989; }
.tb_table .tb_list .date .d_day { margin-right: 10px; border: 1px solid #eaeaea; display: inline-block; width: 50px; height: 30px; box-sizing: border-box; line-height: 30px; font-size: 0.875em; color: #333; text-align: center; background-color: #eaeaea; border-radius: 4px; }
.tb_table .tb_list .date .d_day.soon { background-color: #fff; color: #428eca; border-color: #428eca; }
.tb_table .tb_list .state { font-size: 1em; color: #666; }
.tb_table .tb_list .state span.progress { color: #428eca; }
.tb_table .tb_list .state span.end { color: #898989; }
.tb_table table { width: 100%; min-width: 750px; }
.tb_table table th,
.tb_table table td { font-size: 1em; line-height: 2; color: #333; text-align: center; height: 60px; vertical-align: middle; border-bottom: 1px solid #d6d6d6; padding: 5px 15px; box-sizing: border-box; }
.tb_table table th.left,
.tb_table table td.left { text-align: left; }
.tb_table table th { background-color: #f9f9f9; }
.tb_table table th.line,
.tb_table table td.line { border-left: 1px solid #d6d6d6; }
.tb_table table * + th,
.tb_table table * + td { border-left: 1px solid #d6d6d6; }


.tb_page { padding: 50px 0; display: flex; justify-content: center; align-items: center; }
.tb_page .prev { display: inline; width: 36px; height: 36px; margin-right: 10px; font-size: 0; background: url(../images/ico/ico_tb_arrow_prev.png) center no-repeat; }
.tb_page .next { display: inline; width: 36px; height: 36px; margin-left: 10px;font-size: 0; background: url(../images/ico/ico_tb_arrow_next.png) center no-repeat; }
.tb_page > ul { display: flex; justify-content: center; align-items: center; }
.tb_page > ul > li + li { margin-left: 6px; }
.tb_page > ul > li > a { width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; font-size: 1em; color: #666; box-sizing: border-box; }
.tb_page > ul > li.active > a { font-weight: bold; color: #0078c1; border: 1px solid #d1d1d1; background-color: #fff; }
.tb_view { width: 100%; max-width: 820px; margin: 0 auto; border-top: 2px solid #000; }
.tb_view .tb_head { border-bottom: 1px solid #ccc; padding: 45px 0; }
.tb_view .tb_head .class { margin-bottom: 20px; }
.tb_view .tb_head .class span { display: flex; align-items: center; justify-content: center; width: 90px; height: 35px; border-radius: 35px; background-color: #333; font-size: 1em; color: #fff; margin: 0 auto; }
.tb_view .tb_head .class span.class_1 { background-color: #00578a; }
.tb_view .tb_head .class span.class_2 { background-color: #00b2c9; }
.tb_view .tb_head .title { font-size: 1.875em; color: #333; font-weight: bold; margin-bottom: 35px; }
.tb_view .tb_head .date { font-size: 0.875em; color: #898989; }
.tb_view .tb_head .date .d_day { margin-right: 10px; border: 1px solid #eaeaea; display: inline-block; width: 50px; height: 30px; box-sizing: border-box; line-height: 30px;  font-size: 0.875em; color: #333; background-color: #eaeaea; border-radius: 4px; }
.tb_view .tb_head .date .d_day.soon { background-color: #fff; color: #428eca; border-color: #428eca; }
.tb_view .tb_content { padding-top: 70px; padding-bottom: 100px; font-size: 1.125em; line-height: 1.9; white-space: pre-line; }
.tb_view .tb_foot .view_prevnext { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.tb_view .tb_foot .view_prevnext > * { display: flex; }
.tb_view .tb_foot .view_prevnext > *:hover { background-color: #f5f5f5; }
.tb_view .tb_foot .view_prevnext > * + * { border-top: 1px solid #ddd; }
.tb_view .tb_foot .view_prevnext .h { padding: 30px 40px; text-align: center; font-size: 1em; color: #333; width: 170px; flex-shrink: 0; }
.tb_view .tb_foot .view_prevnext .h:after { content: ''; display: inline-block; margin-left: 20px; width: 10px; height: 10px; border-top: 2px solid #222; border-right: 2px solid #222; box-sizing: border-box;  }
.tb_view .tb_foot .view_prevnext .prev .h:after { transform: rotate(-45deg); margin-bottom: -3px; }
.tb_view .tb_foot .view_prevnext .next .h:after { transform: rotate(135deg); margin-bottom: 3px; }
.tb_view .tb_foot .view_prevnext .t { padding: 30px 40px; font-size: 1em; color: #848484; position: relative; width: 100%; }
.tb_view .tb_foot .view_prevnext .t:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 26px; background-color: #cfcfcf; margin-top: -13px; }
.tb_view .tb_foot .view_prevnext .t a { font-size: 1em; color: #848484;   }
.tb_view .tb_foot .view_list { padding: 40px 0; text-align: center; border-top: 1px solid #ddd; }
.tb_view .tb_foot .view_list a { display: flex; justify-content: center; align-items: center; width: 150px; height: 50px; background-color: #fff; font-size: 1em; color: #333; margin: 0 auto; border: 1px solid #333; }


/* Tabs List */
.tabs_list .tabs { border-bottom: 1px solid #bebebe; display: flex; justify-content: center; margin-bottom: 50px; }
.tabs_list .tabs > li { position: relative; }
.tabs_list .tabs > li a { display: block; min-width: 120px; height: 75px; padding: 0 20px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 18px; color: #666; }
.tabs_list .tabs > li.active:after { content: ''; width: 100%; height: 3px; background-color: #385898; position: absolute; bottom: -1px; left: 0; }
.tabs_list .tabs > li.active a { color: #385898; font-weight: bold; }
.tabs_list .list { display: none; flex-wrap: wrap; margin-right: -40px; margin-bottom: -50px; }
.tabs_list .list.active { display: flex; }
.tabs_list .list > li { width: 33.333%; padding-right: 40px; padding-bottom: 50px; }
.tabs_list .list > li .img { display: block; background-color: #999; width: 100%; height: 0; padding-top: 65%; background-size: cover; background-position: center; position: relative; overflow: hidden; }
.tabs_list .list > li a.img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 2; opacity: 0; 
  -webkit-transition: opacity 0.35s ease;
  -moz-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
.tabs_list .list > li a.img > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; 
  -webkit-transition: transform 0.75s ease;
  -moz-transition: transform 0.75s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.75s ease;
}
.tabs_list .list > li a.img > span { position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: space-between; width: 150px; height: 50px; font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 50px; padding: 0 25px; box-sizing: border-box; opacity: 0; 
  -webkit-transition: opacity 0.35s ease;
  -moz-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
.tabs_list .list > li a.img > span:after { content: ''; width: 8px; height: 8px; box-sizing: border-box; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); }
.tabs_list .list > li .tit { text-align: center; font-size: 20px; color: #222; padding: 20px 0; }
.tabs_list .list > li a.img:hover:before { opacity: 1; }
.tabs_list .list > li a.img:hover > div { transform: scale(1.1); }
.tabs_list .list > li a.img:hover > span { opacity: 1; }

/* News Layout */
.news-list { display: flex; margin: -27px; flex-wrap: wrap; }
.news-list .news-item { width: 100%; padding: 27px; box-sizing: border-box; display: flex; flex-direction: column; }
.news-list.col2 > .news-item { width: 50%; }
.news-list.col3 > .news-item { width: 33.333%; }
.news-item-article { height: 100%; background-color: #fff; display: flex; flex-direction: column; border-radius: 0; overflow: hidden; box-shadow: 7px 10px 27px 0px rgb(0 0 0 / 5%); box-sizing: border-box; position: relative; }
.news-item-article.noShadow { box-shadow: none; }
.news-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"); }
.news-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; }
.news-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"); }
.news-item-article .img { position: relative; width: 100%; background-color: #ccc; overflow: hidden; }
.news-item-article .img > div { display: block; width: 100%; height: 0; padding-top: 56.23%; background-size: cover; background-position: center; transition: all 1s ease-out; }
.news-item-article .img img { display: none; }
.news-item-article .cont { width: 100%; padding: 30px; box-sizing: border-box; }
.news-item-article .cont .cate { display: inline-block; font-size: 13px; color: #60605a; line-height: 23px; white-space: nowrap; padding: 0 20px; border-radius: 23px; background-color: #f1f1f1;  }
.news-item-article .cont * + .tit { margin-top: 10px; }
.news-item-article .cont .tit { line-height: 32px; height: 64px; overflow: hidden; }
.news-item-article .cont .tit > * { font-size: 22px; font-weight: bold; color: #333; display: inline-block; }
.news-item-article .cont .txt { font-size: 18px; line-height: 30px; color: #666; margin-top: 20px; height: 60px; overflow: hidden; }
.news-item-article .cont .tag { margin-top: 30px; display: flex; }
.news-item-article .cont .tag span { font-size: 13px; color: #333; margin-right: 15px; white-space: nowrap; }
.news-item-article .cont .tag dl {  }
.news-item-article .cont .tag dl > dd { display: inline-block; vertical-align: top; font-size: 13px; color: #b4b4b4; }
.news-item-article .cont .tag dl > dd + dd { margin-left: 10px; }
.news-item-article .cont .date { display: inline-block; font-size: 1em; color: #989898; margin-top: 15px; }

.news-list.type2 .news-item-article .img > div { padding-top: 100%; }
.news-list.type2 .news-item-article .cont { position: absolute; bottom: 0; padding: 30px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.news-list.type2 .news-item-article .cont .cate { display: inline-block; font-size: 16px; line-height: 32px; color: #fff; border: 1px solid #fff; background-color: transparent; border-radius: 34px; padding: 0 30px; text-shadow: 1px 1px 3px rgb(0 0 0 / 80%); }
.news-list.type2 .news-item-article .cont .tit { max-width: 780px; line-height: 45px; height: 90px; }
.news-list.type2 .news-item-article .cont .tit > * { font-size: 1.6em; color: #fff; }
.news-list.type2 .news-item-article .cont .date { margin-top: 15px; color: #fff; }


.news-list.type3 { margin: 0 -17px; }
.news-list.type3:before { content: ''; display: inline-block; width: 100%; height: 1px; background-color: #d0d0d0; margin: 0 17px; margin-bottom: 17px; }
.news-list.type3 .news-item { padding: 0 17px; margin-bottom: 17px; }
.news-list.type3 .news-item:after { content: ''; display: inline-block; width: 100%; height: 1px; background-color: #d0d0d0; margin-top: 17px; }
.news-list.type3 .news-item-article { flex-direction: row; align-items: center; box-shadow: none; border-radius: 0; }
.news-list.type3 .news-item-article .img { width: 33.333%; border-radius: 7px; }
.news-list.type3 .news-item-article .img > div { padding-top: 75%;  }
.news-list.type3 .news-item-article .cont { padding: 20px 50px; width: 66.666%; }
.news-list.type3 .news-item-article .cont .cate { font-size: 15px; color: #00a2e1; padding: 0; background-color: transparent; }
.news-list.type3 .news-item-article .cont .tit { max-width: 380px; margin-top: 5px; line-height: 30px; height: 60px; overflow: hidden; }
.news-list.type3 .news-item-article .cont .tit > * { font-size: 20px; }

.news-list.type4 .news-item-article { flex-direction: row; align-items: center; align-items: stretch; box-shadow: none; }
.news-list.type4 .news-item-article .img  { width: 65%; }
.news-list.type4 .news-item-article .img > div { position: absolute; width: 100%; height: 100%; padding-top: 0; }
.news-list.type4 .news-item-article .cont { width: 35%; padding: 60px; padding-right: 70px; }
.news-list.type4 .news-item-article .cont .tit { font-size: 30px; line-height: 45px; height: 225px; display: block;  }
.news-list.type4 .news-item-article .cont .tit > * { font-size: 24px; }
.news-list.type4 .news-item-article .cont .date { margin-top: 30px; }

.news-list.type5 { margin: 0 -17px; }
.news-list.type5:before { content: ''; display: inline-block; width: 100%; height: 2px; background-color: #223332; margin: 0 17px; margin-bottom: 17px; }
.news-list.type5 .news-item { padding: 0 17px; margin-bottom: 17px; }
.news-list.type5 .news-item:after { content: ''; display: inline-block; width: 100%; height: 1px; background-color: #d0d0d0; margin-top: 17px; }
.news-list.type5 .news-item-article { flex-direction: row; align-items: center; box-shadow: none; border-radius: 0; }
.news-list.type5 .news-item-article .img { width: 33.333%; }
.news-list.type5 .news-item-article .img > div { padding-top: 64%; }
.news-list.type5 .news-item-article .cont { padding: 20px 50px; width: 66.666%; }
.news-list.type5 .news-item-article .cont .tit { height: 32px; }
.news-list.type5 .news-item-article .cont .tit > * { font-size: 24px; }






/* Vision */
[id*='vision1_sec_'] { max-width: 1400px; margin: 0 auto; width: 92%; }
[id*='vision1_sec_'] > .inner { width: 100%; }
[id*='vision1_sec_'] + [id*='vision1_sec_'] { border-top: 1px solid #e2e2e2; }

#vision1_sec_02 > .inner,
#vision1_sec_03 > .inner { align-items: center; }
#vision1_sec_02 .secHead,
#vision1_sec_03 .secHead { margin-bottom: 0; }
#vision1_sec_02 .secText,
#vision1_sec_03 .secText { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; font-size: 26px; font-weight: 600; color: #333; text-align: center; background-color: #f5f5f5; margin-top: 0; padding: 40px 20px; box-sizing: border-box; }
#vision1_sec_03 .secText .tit_s{font-size: 30px; font-weight: 800; width: 100%;}
#vision1_sec_03 .secText .txts_box{max-width: 645px; width: 100%; margin-top: 10px;}
#vision1_sec_03 .secText .txts_box div:nth-of-type(1){text-align: left;}
#vision1_sec_03 .secText .txts_box div:nth-of-type(3){text-align: right;}
#vision1_sec_03 .secText .txts_box .txt_s{font-size: 22px;}
#vision1_sec_03 .secText .txts_box .txt_s strong{color: #203d7a;}

#vision1_sec_04 .secObj { display: flex; }
#vision1_sec_04 .secObj > li { width: 100%; padding: 20px; display: flex; flex-direction: column; }
#vision1_sec_04 .secObj > li + li {  }
#vision1_sec_04 .secObj > li .ico { width: 70px; height: 70px;; flex: none; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: 20px; }
#vision1_sec_04 .secObj > li .tit { font-size: 24px; color: #333; font-weight: bold; margin-bottom: 15px; }
#vision1_sec_04 .secObj > li .txt { font-size: 18px; color: #666; }
#vision1_sec_04 .secObj > li .txt strong { display:block; color: #203d7a;margin-bottom: 10px;}

#vision1_sec_05 .secObj { display: flex; align-items: center; justify-content: center; }
#vision1_sec_05 .secObj > li { margin: 0 -12px; width: 260px; height: 260px; display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; border-radius: 50%; padding: 30px; background-color: rgba(0, 0, 0, 0.7); }
#vision1_sec_05 .secObj > li .tit { font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 25px; }
#vision1_sec_05 .secObj > li .txt { font-size: 18px; color: #fff; max-width: 220px; }
#vision1_sec_05 .secObj > li:nth-child(1) { background-color: rgba(0, 87, 138, 0.9); z-index: 2; }
#vision1_sec_05 .secObj > li:nth-child(2) { background-color: rgba(0, 129, 187, 0.9);  z-index: 1;}
#vision1_sec_05 .secObj > li:nth-child(3) { background-color: rgba(0, 178, 201, 0.9); }

#vision1_sec_06 .sloganBox { display: flex; align-items: center; justify-content: center; width: 100%; height: 195px; font-size: 40px; color: #333; font-weight: bold; background-color: #f3f4f8; }
#vision1_sec_06 .sloganBox span { color: #0754a2 }


[id*='vision2_sec_'] .secObj { text-align: center; background-color: #f5f5f5; }
[id*='vision2_sec_'] .secText { margin-top: 30px; }
#vision2_sec_04 .secObj { border: 1px #ccc solid; background-color: #fff;  padding: 20px; }



/* Greetings */
#greetings_sec { padding: 8% 0; }
#greetings_sec .cont { display: flex; margin-bottom: 100px; padding: 0 50px; }
#greetings_sec .cont .tit { font-size: 2.533em; color: #333; width: 45%; flex: none; box-sizing: border-box; padding-right: 50px; }
#greetings_sec .cont .txt { font-size: 1.2em; line-height: 1.5; color: #666; }
#greetings_sec .cont .sign { display: flex; align-items: center; margin-top: 50px; }
#greetings_sec .cont .sign .t1 { font-size: 1.2em; color: #333; margin-right: 20px; }
#greetings_sec .cont .sign .t2 { font-size: 1.5em; color: #333; font-weight: bold; margin-right: 30px; font-family: cursive; }

/* History */
#history_sec { overflow: visible; }
#history_sec .history_menu { margin-bottom: 80px; }
#history_sec .history_menu  > a { display: none; }
#history_sec .history_menu  > ul { display: flex; border: 1px solid #e5e5e5; overflow: hidden; }
#history_sec .history_menu  > ul > li { width: 100%; border-left: 1px solid #e5e5e5; margin-left: -1px; }
#history_sec .history_menu  > ul > li a { background-color: #fff; display: flex; width: 100%; height: 60px; justify-content: center; align-items: center; text-align: center; font-size: 20px; color: #8d8d8d; font-weight: bold; }
#history_sec .history_menu  > ul > li.active a { background-color: #085cab; color: #fff; } 
#history_sec .history_list { width: 100%; }
#history_sec .history_list .group { background-color: #fff; display: flex; }
#history_sec .history_list .group > * { width: 100%; box-sizing: border-box; }
/*#history_sec .history_list .group > .year p { display: inline-block; font-size: 70px; color: #222; font-weight: bold; font-family: 'GmarketSansBold', sans-serif; line-height: 1.2; }
#history_sec .history_list .group > .year img { margin-top: 70px; }*/
#history_sec .history_list .group > .year > div { position: -webkit-sticky; position: sticky; top: 180px; }
#history_sec .history_list .group > .year .text { max-width: 570px; margin-bottom: 80px; }
#history_sec .history_list .group > .year .text .h { font-size: 2em; color: #222; font-weight: bold; margin-bottom: 30px; }
#history_sec .history_list .group > .year .text .t { font-size: 1.25em; color: #666; max-width: 520px; line-height: 1.6; }
#history_sec .history_list .group > .year .img_slider { max-width: 570px; margin: 0; }
#history_sec .history_list .group > .year .img_slider .swiper-slide { background-color: #fff; position: relative; }
#history_sec .history_list .group > .year .img_slider .swiper-slide img { display: inline-block; }
#history_sec .history_list .group > .year .img_slider .swiper-slide p { font-size: 18px; color: #333; padding: 5px; font-weight: bold; }

#history_sec .history_list .group > ul { padding: 40px; }
#history_sec .history_list .group > ul > li { display: flex; }
#history_sec .history_list .group > ul > li + li { margin-top: 40px; }
#history_sec .history_list .group > ul > li > .date span { display: inline-block; width: 100px; font-size: 18px; color: #333; font-weight: bold; }
#history_sec .history_list .group > ul > li > .text { width: 100%; }
#history_sec .history_list .group > ul > li > .text > li { font-size: 18px; color: #666; padding-left: 18px; text-indent: -18px; }
#history_sec .history_list .group > ul > li > .text > li:before { content: '·'; margin-right: 12px; color: #41a3ff; }
#history_sec .history_list .group > ul > li > .text > li + li { margin-top: 20px; }

/* CI */
[id*='ci_sec_'] .btnList { margin-top: 30px; display: flex; } 
[id*='ci_sec_'] .btnList > li + li { margin-left: 4px; }
[id*='ci_sec_'] .btnList > li a { width: 210px; height: 60px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #322d2d; font-size: 1em; color: #333; padding: 0 25px; }
[id*='ci_sec_'] .btnList > li a:after { content: ''; width: 16px; height: 16px; background-image: url(../images/ico/ico_download_blk.png); background-position: center; background-repeat: no-repeat; }
[id*='ci_sec_'] .btnList > li a:hover { color: #fff; background-color: #322d2d; }
[id*='ci_sec_'] .btnList > li a:hover:after { background-image: url(../images/ico/ico_download_w.png); }
#ci_sec_01 .secBody { background-color: #02012d; background-image: url(../images/about/ci_sec_01_bg.jpg); padding: 80px; align-items: center; }
#ci_sec_01 .secBody .secObj { text-align: center; }
#ci_sec_01 .secBody .secTitle { font-size: 2em; color: #fff; margin-bottom: 20px; font-weight: normal; }
#ci_sec_01 .secBody .secText { font-size: 1em; color: #fff; line-height: 2; max-width: 720px; }
#ci_sec_02 .secBody { margin-top: 80px; display: flex; }
#ci_sec_02 .secBody > div { width: 100%; }
#ci_sec_02 .secBody .secTitle { width: 280px; flex: none; font-size: 20px; font-weight: normal; }
#ci_sec_02 .secBody .objList { display: flex; width: 100%; margin: -10px; }
#ci_sec_02 .secBody .objList > li { padding: 10px; }
#ci_sec_03 .secObj { background-color: #f3f4f8; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5%; height: 450px; box-sizing: border-box; }
#ci_sec_03 .btnList { justify-content: center; }

/* HR */
[id*='hr_sec_'] .secHead .secTitle { font-size: 1.562em; position: relative; }
[id*='hr_sec_'] .secHead .secTitle:after { content: ''; width: 40px; height: 3px; background-color: #525252; position: absolute; left: 0; bottom: 0; }
[id*='hr_sec_'] .secText { margin-top: 0; }
[id*='hr_sec_'] .secText strong { color: #085cab; margin-bottom: 10px; display: block; }
[id*='hr_sec_'] .secText small { color: #085cab; }
[id*='hr_sec_'] .tb_table + .em { font-size: 1em; text-align: right; color: #00578a; margin-top: 10px; }

/* Directions */
#directions_sec .office_list { display: flex; flex-wrap: wrap; margin: -25px -20px; }
#directions_sec .office_list > li { width: 50%; padding: 25px 20px; }
#directions_sec .office_list > li > .inner { background-color: #fff; border: 1px solid #d9d9d9; box-shadow: 11px 14px 29px 0px rgba(0, 0, 0, 0.1); }
#directions_sec .office_list > li .cont { padding: 40px; }
#directions_sec .office_list > li .cont .tit { font-size: 1.875em; font-weight: 500; color: #333; margin-bottom: 15px; }
#directions_sec .office_list > li .cont .address { font-size: 16px; color: #666; }
#directions_sec .office_list > li .cont .contact { margin-top: 15px; display: flex; }
#directions_sec .office_list > li .cont .contact > dd { margin-right: 25px; display: flex; align-items: center; font-size: 16px; color: #666; }
#directions_sec .office_list > li .cont .contact > dd:before { content: ''; width: 20px; height: 20px; margin-right: 12px; background-position: center; background-repeat: no-repeat; }
#directions_sec .office_list > li .cont .contact > dd.tel:before { background-image: url("data:image/svg+xml,%3Csvg id='_1' data-name='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 191.35 191.98'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bfill:%23959595;%7D%3C/style%3E%3CclipPath id='clip-path' transform='translate(0 0)'%3E%3Crect class='cls-1' width='191.35' height='191.98'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EVector Smart Object%3C/title%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M151.52,192a33.17,33.17,0,0,1-10.6-1.73C74.9,168,28.21,121.2,2.13,51.15A33.92,33.92,0,0,1,9.85,15.4L18.28,7A23.66,23.66,0,0,1,35.13,0h.08A23.38,23.38,0,0,1,51.91,7c7.75,7.86,13.24,14.93,16.76,21.61a23.66,23.66,0,0,1-4.45,27.5l-7.79,7.79a5.88,5.88,0,0,0-1.15,6.86c14.24,26.72,36.24,48.63,65.37,65.13a6,6,0,0,0,7.05-1l7.57-7.57A23.8,23.8,0,0,1,163.11,123c6.6,3.53,13.38,8.84,21.32,16.71a23.27,23.27,0,0,1,6.91,16.6,23.69,23.69,0,0,1-7,16.93l-8.88,8.88a34,34,0,0,1-24,9.87m-8-9.31a25.87,25.87,0,0,0,26.36-6.22l8.88-8.88a15.75,15.75,0,0,0,4.64-11.25,15.32,15.32,0,0,0-4.54-10.94c-7.28-7.21-13.65-12.23-19.47-15.35a15.75,15.75,0,0,0-18.41,2.88l-7.57,7.57a13.93,13.93,0,0,1-16.65,2.35C86.23,125.57,63.18,102.59,48.22,74.5a13.94,13.94,0,0,1,2.55-16.28l7.79-7.79a15.6,15.6,0,0,0,3-18.11c-3.15-6-8.18-12.43-15.38-19.72a15.44,15.44,0,0,0-11-4.6h-.06a15.73,15.73,0,0,0-11.2,4.63L15.5,21.06a25.9,25.9,0,0,0-5.87,27.3C34.82,116,79.86,161.23,143.48,182.67' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E"); }
#directions_sec .office_list > li .cont .contact > dd.fax:before { background-image: url("data:image/svg+xml,%3Csvg id='' data-name='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 192 192'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bfill:%23959595;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' width='192' height='192'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EVector Smart Object21%3C/title%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M44,192A17.64,17.64,0,0,1,26.1,171.54a649.55,649.55,0,0,0,0-151.13A17.63,17.63,0,0,1,44,0H68A17.94,17.94,0,0,1,81.74,6,18,18,0,0,1,85.9,20.46a649.54,649.54,0,0,0,0,151.13A17.64,17.64,0,0,1,68,192H44ZM44,8a10,10,0,0,0-7.69,3.24A10.17,10.17,0,0,0,34,19.42a657.66,657.66,0,0,1,0,153.1,10.18,10.18,0,0,0,2.25,8.22A10,10,0,0,0,44,184H68a9.66,9.66,0,0,0,10-11.42,657.72,657.72,0,0,1,0-153.1,10.18,10.18,0,0,0-2.24-8.21A10.05,10.05,0,0,0,68,8H44Z'/%3E%3Cpath class='cls-3' d='M172,176H100a4,4,0,0,1,0-8h72a12,12,0,0,0,12-12V44a12,12,0,0,0-12-12H100a4,4,0,0,1,0-8h72a20,20,0,0,1,20,20V156a20,20,0,0,1-20,20'/%3E%3Cpath class='cls-3' d='M28,176H20A20,20,0,0,1,0,156V44A20,20,0,0,1,20,24h8a4,4,0,0,1,0,8H20A12,12,0,0,0,8,44V156a12,12,0,0,0,12,12h8a4,4,0,0,1,0,8'/%3E%3Cpath class='cls-3' d='M116,112h-8a4,4,0,0,1,0-8h8a4,4,0,0,1,0,8'/%3E%3Cpath class='cls-3' d='M156,112h-8a4,4,0,0,1,0-8h8a4,4,0,0,1,0,8'/%3E%3Cpath class='cls-3' d='M116,136h-8a4,4,0,0,1,0-8h8a4,4,0,0,1,0,8'/%3E%3Cpath class='cls-3' d='M156,136h-8a4,4,0,0,1,0-8h8a4,4,0,0,1,0,8'/%3E%3Cpath class='cls-3' d='M156,88H108A12,12,0,0,1,96,76V68a12,12,0,0,1,12-12h48a12,12,0,0,1,12,12v8a12,12,0,0,1-12,12M108,64a4,4,0,0,0-4,4v8a4,4,0,0,0,4,4h48a4,4,0,0,0,4-4V68a4,4,0,0,0-4-4Z'/%3E%3C/g%3E%3C/svg%3E"); }



/* Ethical */
#ethical_head .banner { height: 220px; }
#ethical_head .banner .tit { font-size: 30px; font-weight: normal; }
#ethical_head .banner .txt { font-size: 16px; }
#ethical1_sec_01 .secText { border: 1px solid #ccc; padding: 40px; font-size: 1em; line-height: 2; }
/*.secText ul.num > li > div {font-size: 0.8em;}*/
#ethical1_sec_02 dl { display: flex; text-indent: 0; padding-left: 20px; }
#ethical1_sec_02 dl + dl { margin-top: 10px; }
#ethical1_sec_02 dl dt { color: #385b6f; width: 130px; flex: none; }
#ethical1_sec_02 dl dd { color: #7b8f98; width: 100%; }

#fairTrade1_sec_01 { padding-top: 2%; }
#fairTrade1_sec_01 > .inner { max-width: 1240px;  }
#fairTrade1_sec_01 .secTitle { font-weight: 500; }
#fairTrade1_sec_01 .secText { font-size: 1.13em;}
#fairTrade1_sec_01 .secText .em { font-size: 0.85em; color: #979696; }
#fairTrade1_sec_01 .secText .sign { display: flex; align-items: center; justify-content: center; }
#fairTrade1_sec_01 .secText .sign .t2 { margin-left: 20px; color: #333;font-family: cursive;font-size: 1.5em;font-weight: bold;}
#fairTrade1_sec_01 .secText .date{text-align: center;}

#fairTrade5_sec_01 > .inner + .inner  { border-top: 1px solid #e4e4e4; padding-top: 40px; }
#fairTrade6_sec_01 .secText ul > li { display: inline-block; margin-right: 20px; }

#fairTrade1_sec_01.ceo .secTitle.h2{text-align: center;}
#fairTrade1_sec_01.ceo .date {text-align: center;}
#fairTrade1_sec_01.ceo .secText .sign { display: flex; align-items: center; justify-content: center;}

/* ESG */
.citizen_banner_img { margin-top: 100px; }
#citizen1_sec .secObj { margin-bottom: 30px; }
#citizen1_sec .secBody { padding: 30px 0; }
#citizen1_sec .secBody + .secBody { border-top: 1px solid #d0d0d0; }
#citizen2_sec .concept > article, 
#citizen2_sec .concept > div {max-width: 900px; margin: 0 auto; font-size: 1.06667em; text-align: left; letter-spacing: -0.05em; line-height: 1.5em; color: #333;margin-bottom: 80px;}
#citizen2_sec .concept h2, 
#citizen2_sec .concept .extra h1, 
#citizen2_sec .concept .system dl dt {font-size: 1.25em; font-weight: 500;}
#citizen2_sec .concept .intro dl {position: relative;border: 2px solid #00add8; box-sizing: border-box; background: #e7e7e8; color: #333;height: 136px; padding: 25px 60px 25px 157px; border-radius: 70px;}
#citizen2_sec .concept .intro dl:first-of-type {margin: 30px 0 20px;}
#citizen2_sec .concept .intro dl dt {margin-bottom: 15px; z-index: 1; color: #00578a; font-size: 1.6em; font-weight: 700;}
#citizen2_sec .concept .intro dl dd::before {content: ''; display: block; position: absolute; border: 2px solid #00add8; border-radius: 50%; background-color: #fff; background-position: center; background-repeat: no-repeat;left:-2px; top: -2px; width: 136px; height: 136px;}
#citizen2_sec .concept .intro dl:first-of-type dd::before {background-image: url('../images/esg/img_concept_00.png');}
#citizen2_sec .concept .intro dl:last-of-type dd::before {background-image: url('../images/esg/img_concept_01.png');}
#citizen2_sec .concept .extra h1 {margin-bottom: 10px; position: relative; color: #666;left: 140px; line-height: 68px;}
#citizen2_sec .concept .extra h1::before {content: ''; display: block; position: absolute; background-image: url('../images/esg/img_concept_02.png'); background-size: cover;left: -98px; width: 68px; height: 68px;}
#citizen2_sec .concept .extra p {color: #fff; background-color: #00588a;padding: 20px 50px; border-radius: 20px;}
#citizen2_sec .concept .system {position: relative;}
#citizen2_sec .concept .system h1 {margin-bottom: 20px;}
#citizen2_sec .concept .system > p {padding-left: 8.6em;}
#citizen2_sec .concept .system p, 
#citizen2_sec .concept .system dd {text-align: center;}
#citizen2_sec .concept .system dl {margin-top:30px; padding-left: 8.6em;}
#citizen2_sec .concept .system dt {position: absolute; left: 0; }
#citizen2_sec .concept .system dt.type02 { display: flex; align-items: center; height: 488px;  }
#citizen2_sec .concept .system dd { display: flex; align-items: center; justify-content: center; }
#citizen2_sec .concept .system dd, 
#citizen2_sec .concept .system dt {margin-top: 30px;}
#citizen2_sec .concept .system dd.type00 {color: #00578a; font-size: 1.5em; font-weight: 700; background-image: url('../images/esg/img_concept_03.png');  background-size: 100% 100%; background-repeat: no-repeat;height: 150px; display: flex; align-items: center; justify-content: center; }
#citizen2_sec .concept .system dd.type00 strong {color: #f38b00;}
#citizen2_sec .concept .system dt.type01 { display: flex; align-items: center; height: 70px; }
#citizen2_sec .concept .system dd.type01 {color: #00578a; font-size: 1.6em; font-weight: 700; background: #e7e7e8; height: 70px;}
#citizen2_sec .concept .system dd.type01 span {display: inline-block; position: relative;}
#citizen2_sec .concept .system dd.type01 span::before {content: ''; display: block; background-image: url('../images/esg/img_charter.png'); background-repeat: no-repeat; position: absolute; left: -1.6em; bottom: 0; margin: auto; top: -4px; width: 42px; height: 39px; background-position: left -258px; background-size: 85px auto;}
#citizen2_sec .concept .system dd.type02 > div { width: 100%; }
#citizen2_sec .concept .system dd.type02 > div > ul { display: flex !important; }
#citizen2_sec .concept .system dd.type02 > div > ul>li {width: 100%; letter-spacing: -0.058em; border: 1px solid #ccc; border-radius: 20px;padding: 30px 15px;}
#citizen2_sec .concept .system dd.type02 > div > ul>li + li {margin-left: 20px;}
#citizen2_sec .concept .system dd.type02 > div > ul>li>strong {color: #00578a; font-size: 1.6em; font-weight: 500;}
#citizen2_sec .concept .system dd.type02 > div > ul>li:nth-of-type(2)>strong {color: #0081bb;}
#citizen2_sec .concept .system dd.type02 > div > ul>li:nth-of-type(3)>strong {color: #00b2c9;}
#citizen2_sec .concept .system dd.type02 > div > ul>li>strong::before {content: ''; display: block; width: 80px; height: 80px; margin: 0 auto 25px; background-color: #00578a; background-image: url('../images/esg/business_50x34.png'); background-position: 50%; background-repeat: no-repeat;  border-radius: 50%;}
#citizen2_sec .concept .system dd.type02 > div > ul>li:nth-of-type(2)>strong::before {background-color: #0081bb; background-image: url('../images/esg/society_50x42.png');} 
#citizen2_sec .concept .system dd.type02 > div > ul>li:nth-of-type(3)>strong::before {background-color: #00b2c9; background-image: url('../images/esg/peple_50x36.png');} 
#citizen2_sec .concept .system dd.type02 > div > ul>li ul {display: inline-block;}
#citizen2_sec .concept .system dd.type02 > div > ul>li ul li {position: relative; margin-bottom: 10px; padding-left: 7px; font-size: 1em; text-align: left;}
#citizen2_sec .concept .system dd.type02 > div > ul>li ul li:before {content: ''; display: block; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; margin: auto; background-color: #333;}
#citizen2_sec .concept .system dd.type02 > div > ul>li ul li:last-child {margin-bottom: 0px;}
#citizen2_sec .concept .system dd.type02 > div > ul>li p {margin: 25px 0;}
#citizen2_sec .concept .system dd.type02 > div > ul>li p strong {display: block; font-size: 1.25em; }
#citizen2_sec .concept .system dd.type02 > div > ul>li:last-child p strong {line-height: 1;}
#citizen2_sec .concept .system dt.type03 { height: 68px; display: flex; align-items: center; }
#citizen2_sec .concept .system dd.type03 { background: #d3dfeb;height: 68px; font-size: 1.13em;}
#citizen2_sec .concept .system dd.type03.case {background: #e1e9f2;}
#citizen2_sec .concept .system dd.type03.case strong+strong {padding-left: 60px;}
#citizen2_sec .concept .system dd.type03.case2 {background: #e0e2e2;}
#citizen2_sec .concept .system dd.type03.case2 strong+strong {padding-left: 100px;}
#citizen2_sec .concept .system .type01, 
#citizen2_sec .concept .system .type03 {border-radius: 18px;}
#citizen2_sec .concept .system .type03:nth-child(7), .system .type03:nth-child(8) {margin-top: 30px;}

#citizen3_sec ul { border-top: 2px solid #5c5c5c; }
#citizen3_sec ul li { border-bottom: 1px solid #e2e2e2; padding: 40px 60px; padding-left: 450px; position: relative; min-height: 360px; box-sizing: border-box; }
#citizen3_sec .obj { position: absolute; top: 40px; left: 95px; }
#citizen3_sec .title { font-size: 24px; line-height: 30px; color: #333; margin-bottom: 20px; }
#citizen3_sec .text { font-size: 16px; line-height: 30px; min-height: 120px; color: #666; margin-bottom: 40px; }
#citizen3_sec .btns { margin-top: 30px; }
#citizen3_sec .btns a { display: inline-block; }
#citizen3_sec .btns a + a { margin-left: 8px; }
#citizen3_sec .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; }
#citizen3_sec .btns a:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #333; z-index: 0; }
#citizen3_sec .btns a:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(../images/ico/ico_download_blk.png) center no-repeat; }
#citizen3_sec .btns a span { display: inline-block; font-size: 16px; color: #333; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#citizen3_sec .btns a span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #333; }

#social1_sec_01 .title { font-size: 45px; color: #333; margin-bottom: 30px; }
#social1_sec_01 .title span { color: #5e91fd; font-weight: 500; }
#social1_sec_01 .objList { display: flex; padding: 0 20px; margin-bottom: 40px; padding-bottom: 40px; position: relative; }
#social1_sec_01 .objList:after { content: ''; background-color: #d8e1f0; position: absolute; left: 50%; bottom: 0; z-index: -1; width: 1920px; height: 355px; transform: translateX(-50%); }
#social1_sec_01 .objList > li { width: 100%; height: 440px; background-color: #e1e1e1; padding: 30px 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 6px 10px 12px 0px rgba(145, 180, 213, 0.32); }
#social1_sec_01 .objList > li + li { margin-left: 80px; }
#social1_sec_01 .objList > li p { font-size: 1.25em; color: #fff; }
#social1_sec_01 .textList > li { display: flex; align-items: stretch; }
#social1_sec_01 .textList > li > * { border-bottom: 1px solid #dadada; padding: 30px 0; display: flex; align-items: center; }
#social1_sec_01 .textList > li .tit { width: 245px; flex: none; margin-right: 35px; font-size: 1.625em; color: #333; font-weight: 500; }
#social1_sec_01 .textList > li .txt { width: 100%; flex-direction: column; align-items: flex-start; justify-content: center; font-size: 1.25em; color: #333; }

#social2_sec_01 { padding-top: 0; }
#social2_sec_01 ul {  }
#social2_sec_01 ul li { display: flex; align-items: center; padding: 25px 0; border-bottom: 1px solid #cecece; }
#social2_sec_01 ul li .img { width: 400px; flex: none;  }
#social2_sec_01 ul li .img > div { width: 100%; height: 0; padding-top: 65%; background-color: #e1e1e1; background-size: cover; background-position: center; background-repeat: no-repeat; }
#social2_sec_01 ul li .cont { margin-left: 90px; }
#social2_sec_01 ul li .cont .tit { font-size: 1.625em; font-weight: 500; color: #203d7a; margin-bottom: 30px; }
#social2_sec_01 ul li .cont .txt { max-width: 815px; font-size: 1em; color: #666; line-height: 2; }

[id*='evaluation_sec_'] .secBody .secTitle p { position: relative; }
[id*='evaluation_sec_'] .secBody .secTitle p:after { content: ''; width: 40px; height: 3px; background-color: #525252; position: absolute; left: 0; bottom: 0; }
[id*='evaluation_sec_'] .secBody + .secBody { margin-top: 100px; }
[id*='evaluation_sec_'] .table { width: 100%; border-top: 2px solid #333; overflow-x: auto; }
[id*='evaluation_sec_'] .table table { width: 100%; min-width: 750px; }
[id*='evaluation_sec_'] .table thead th { vertical-align: middle; height: 70px; font-size: 16px; color: #333; border-bottom: 1px solid #333; }
[id*='evaluation_sec_'] .table tbody th,
[id*='evaluation_sec_'] .table tbody td { vertical-align: middle; height: 180px; font-size: 20px; color: #333; border-bottom: 1px solid #e3e3e3; text-align: center; }
[id*='evaluation_sec_'] .table tbody td img { display: inline-block; }
[id*='evaluation_sec_'] .table tbody th { font-weight: bold; }
[id*='evaluation_sec_'] .subTable { width: 100%; border-top: 2px solid #000; margin-bottom: 50px; overflow-x: auto; }
[id*='evaluation_sec_'] .subTable table { width: 100%; min-width: 750px; }
[id*='evaluation_sec_'] .subTable thead th { vertical-align: middle; height: 60px; font-size: 18px; color: #333; border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9; }
[id*='evaluation_sec_'] .subTable tbody th,
[id*='evaluation_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*='evaluation_sec_'] .subTable tbody th.center,
[id*='evaluation_sec_'] .subTable tbody td.center { text-align: center; }
[id*='evaluation_sec_'] .subTable tbody th { font-size: 18px; font-weight: bold; background-color: #eff0f4; }
[id*='evaluation_sec_'] .subTable tbody th.small { font-size: 16px; font-weight: normal; }

#with_sec_01 .t_basis { width: 100%; border-top: 2px solid #333; margin-top: 30px; display: none; }
#with_sec_01 .t_basis.active { display: table; }
#with_sec_01 .t_basis .th_15 { width: 15%; }
#with_sec_01 .t_basis .th_20 { width: 20%; }
#with_sec_01 .t_basis thead th { border-bottom: 1px solid #333; height: 70px; vertical-align: middle; font-size: 1em; color: #333; padding: 5px 10px; }
#with_sec_01 .t_basis thead th:first-child { display: none; }
#with_sec_01 .t_basis tbody td { text-align: center; height: 70px; vertical-align: middle; border-bottom: 1px solid #e2e2e2; font-size: 1em; color: #333; padding: 5px 10px; }
#with_sec_01 .t_basis tbody td:first-child { display: none; }
#with_sec_01 .t_basis tbody td a { color: #0088df; border-bottom: 1px solid #0088df; }
#with_sec_01 .t_basis tbody td.align_left { text-align: left; }

#shared1_sec { padding-top: 4%; }
#shared1_sec .row + .row { margin-top: 70px; }
#shared1_sec .title { font-size: 25px; color: #333; font-weight: bold; }
#shared1_sec .title p { position: relative; }
#shared1_sec .title p:after { content: ''; width: 75px; height: 5px; background: url(../images/esg/shared1_title.png) center no-repeat; background-size: contain; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
#shared1_sec .topTxt { width: 100%; height: 90px; display: flex; align-items: center; justify-content: center; text-align: center; border: 2px solid #7faad3; border-radius: 90px; box-sizing: border-box; font-size: 25px; color: #333; margin-top: -25px; }

#shared1_sec .text { text-align: center; font-size: 20px; color: #333; }

#shared1_sec .objList { display: flex; align-items: stretch; margin-top: 135px; padding-top: 40px; }
#shared1_sec .objList > li { background-color: #fff; border: 1px solid #cecece; padding: 40px; padding-top: 0; }
#shared1_sec .objList > li + li { margin-left: 55px; }
#shared1_sec .objList .tit { display: flex; align-items: center; justify-content: center; width: 270px; height: 270px; background-color: #999; color: #fff; font-size: 1.56em; border-radius: 50%; margin-top: -135px; text-align: center; position: relative; }
#shared1_sec .objList .tit:after { content: ''; position: absolute; top: 50%; left: 50%; width: 90%; height: 90%; border-radius: 50%; background-color: #666; z-index: 0; transform: translate(-50%,-50%); background-size: contain; background-position: center; background-repeat: no-repeat; }
#shared1_sec .objList .tit > div { position: relative; z-index: 1; }
#shared1_sec .objList .txt { font-size: 1em; color: #666; line-height: 2; margin-top: 40px; } 
#shared1_sec .objList .txt dd { padding-left: 10px; text-indent: -10px; }

#shared1_sec .objList > li:nth-child(1) .tit { background-color: rgba(8, 92, 171, 0.1); }
#shared1_sec .objList > li:nth-child(1) .tit:after { background-image: url(../images/esg/shared1_sec_obj1_bg.png); }
#shared1_sec .objList > li:nth-child(2) .tit { background-color: rgba(0, 168, 155, 0.1); }
#shared1_sec .objList > li:nth-child(2) .tit:after { background-image: url(../images/esg/shared1_sec_obj2_bg.png); }
#shared1_sec .objList > li:nth-child(3) .tit { background-color: rgba(211, 137, 71, 0.1); }
#shared1_sec .objList > li:nth-child(3) .tit:after { background-image: url(../images/esg/shared1_sec_obj3_bg.png); }

[id*='shared2_cont_'] .page-section { padding-bottom: 0; }
[id*='shared2_cont_'] .page-section:last-child { padding-bottom: 8%; }
[id*='shared2_cont_'] .secBanner { width: 92%; max-width: 1400px; min-height: 250px; margin: 0 auto; margin-bottom: 50px; background-color: #333; padding: 70px; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background-position: center; }
[id*='shared2_cont_'] .secBanner .text { font-size: 1.5em; color: #fff; max-width: 870px; }
[id*='shared2_cont_'] .row { flex-wrap: nowrap; }
[id*='shared2_cont_'] .secHead { border-bottom: 1px solid #b6b6b6; margin-bottom: 0; margin-right: 35px; flex: none; padding-bottom: 4%; }
[id*='shared2_cont_'] .secBody { border-bottom: 1px solid #b6b6b6; padding-bottom: 4%; }
[id*='shared2_cont_'] .secTitle { padding-right: 0; }
[id*='shared2_cont_'] .secText { font-size: 1em; color: #333; line-height: 1.8; }
[id*='shared2_cont_'] .tit { font-size: 1em; color: #085cab; margin-bottom: 10px; font-weight: 500; }
[id*='shared2_cont_'] .txt { font-size: 1em; color: #666; }
[id*='shared2_cont_'] .txt > li { padding-left: 10px; text-indent: -10px; }
[id*='shared2_cont_'] .txt > li + li { margin-top: 5px; }
[id*='shared2_cont_'] .objList_type1 { display: flex; padding: 15px 0; }
[id*='shared2_cont_'] .objList_type1 > li { border: 10px solid #cce1f5; border-radius: 50%; width: 150px; height: 150px; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1em; color: #222; font-weight: bold; position: relative; white-space: nowrap; }
[id*='shared2_cont_'] .objList_type1 > li:nth-child(even) { border-color: #dfdfdf; }
[id*='shared2_cont_'] .objList_type1 > li + li { margin-left: 70px; }
[id*='shared2_cont_'] .objList_type1 > li + li:before { content: ''; width: 40px; height: 40px; position: absolute; left: -65px; top: 50%; margin-top: -20px; background: url(../images/esg/objList_type2_arr.png) center no-repeat; }
[id*='shared2_cont_'] .objList_type2 { display: flex; padding: 15px 0; }
[id*='shared2_cont_'] .objList_type2 > li { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 140px; background-color: #f6f6f6; font-size: 1em; color: #333; text-align: center; padding: 20px; box-sizing: border-box; border-radius: 15px; position: relative; }
[id*='shared2_cont_'] .objList_type2 > li span { font-size: 0.937em; color: #666; }
[id*='shared2_cont_'] .objList_type2 > li + li { margin-left: 40px; }
[id*='shared2_cont_'] .objList_type2 > li + li:before { content: ''; width: 40px; height: 40px; position: absolute; left: -40px; top: 50%; margin-top: -20px; background: url(../images/esg/objList_type2_arr.png) center no-repeat; }
[id*='shared2_cont_'] .tb_table table th { background-color: #f6f6f6; }
[id*='shared2_cont_'] .tb_table table td { padding: 20px 40px; }

#quality_sec_01 { text-align: center; }
#quality_sec_01 .secTitle { margin-bottom: 20px; padding: 0; }
#quality_sec_01 .secTitle:after { content: ''; width: 1px; height: 72px; background-color: #222; margin: 0 auto; margin-top: 20px; display: block; }
#quality_sec_01 .title { font-size: 70px; color: #222; font-weight: 800; }
#quality_sec_01 .text { font-size: 38px; color: #222; margin-bottom: 60px; }
#quality_sec_01 .text strong { color: #085cab; }
#quality_sec_01 ul { max-width: 1000px; width: 100%; margin: 0 auto; text-align: left; }
#quality_sec_01 ul li { border: 3px solid #efefef; width: 100%; height: 77px; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; border-radius: 70px; padding: 0 90px; }
#quality_sec_01 ul li + li { margin-top: 20px; }
#quality_sec_01 ul li .tit { font-size: 25px; color: #085cab; width: 280px; flex: none; }
#quality_sec_01 ul li .tit:before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #085cab; margin-right: 14px; vertical-align: middle; }
#quality_sec_01 ul li .txt { width: 100%; font-size: 20px; color: #222; }
#quality_sec_02 { background-color: #f0f6fb; padding: 4% 0; margin: 2% 0; text-align: center; }
#quality_sec_02 ul { display: flex; align-items: stretch; }
#quality_sec_02 ul li { width: 100%; padding: 30px; box-sizing: border-box; }
#quality_sec_02 ul li + li { border-left: 1px solid #eaedf0; }
#quality_sec_02 ul li .tit { font-size: 40px; font-weight: bold; color: #222; margin-bottom: 30px; line-height: 1.2; }
#quality_sec_02 ul li .txt { font-size: 25px; color: #858585; margin-bottom: 30px; }
#quality_sec_03 > .inner { max-width: 1300px; }
#quality_sec_03 .secHead { padding-bottom: 60px; border-bottom: 1px solid #d0d0d0; }
#quality_sec_03 .secTitle { text-align: center; padding: 0; margin-bottom: 50px; }
#quality_sec_03 .secText { text-align: center; font-size: 25px; max-width: 1030px; margin: 0 auto; line-height: 1.4; }
#quality_sec_03 .tit { font-size: 1.25em; color: #085cab; font-weight: bold; }
#quality_sec_03 .txt { font-size: 1em; color: #666; }
#quality_sec_03 .secObj { margin-top: 40px; display: flex; }

#safety_sec .img { padding-right: 100px; }
#safety_sec .cont { padding-top: 30px; }
#safety_sec .secTitle { font-size: 30px; font-weight: 500; color: #203d7a; line-height: 1.5; margin-bottom: 40px; }
#safety_sec .secTitle span { font-weight: 500; display: inline; font-size: 1em; margin: 0; background: linear-gradient(to top, #dbf0ff 40%, transparent 40%) }
#safety_sec .secTitle span:after {  }
#safety_sec .sign { margin-top: 60px;  }
#safety_sec .sign .tit { font-size: 1.6em; color: #333; margin-bottom: 20px; text-align: center; }





/* PR - Newsroom */
[id*='newsroom_sec_'] { min-height: auto; }
[id*='newsroom_sec_'] > .inner { max-width: 1300px; }
[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 .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_top { padding-top: 4%; padding-bottom: 6%; }
#newsroom_sec_top > .inner { padding: 0; max-width: 980px; }
#newsroom_sec_top .newsroom_head { display: block; position: relative; margin-bottom: 30px; }
#newsroom_sec_top .newsroom_head .title { font-size: 25px; color: #fff; }
#newsroom_sec_top_slider { overflow: inherit; margin: 0; }
#newsroom_sec_top_slider .news-item { padding: 0; }
#newsroom_sec_top_slider .swiper-pagination { top: 100%; bottom: auto; margin-top: 40px; text-align: left; }
#newsroom_sec_top_slider .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; margin: 0 5px; opacity: 0.5; }
#newsroom_sec_top_slider .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; }
#newsroom_sec_top_slider .swiper-prev { position: absolute; top: 100%; right: 70px; margin-top: 20px; z-index: 11; }
#newsroom_sec_top_slider .swiper-next { position: absolute; top: 100%; right: 0; margin-top: 20px; z-index: 11; }
#newsroom_sec_top_slider .swiper-prev button,
#newsroom_sec_top_slider .swiper-next button { width: 50px; height: 50px; padding: 0; border: 1px solid #fff; box-sizing: border-box; background-color: transparent; border-radius: 50%; font-size: 0; cursor: pointer; background-position: center; background-repeat: no-repeat; }
#newsroom_sec_top_slider .swiper-prev button { background-image: url(../images/ico/ico_arrow_left.png); }
#newsroom_sec_top_slider .swiper-next button { background-image: url(../images/ico/ico_arrow_right.png); }
#newsroom_sec_01 { background-color: #f5f5f7; }
#newsroom_sec_02 { background-color: #f5f5f7; padding-top: 0; }
#newsroom_sec_02 #newsroom_sec_02_slider { margin: 0; position: relative; }
#newsroom_sec_02 #newsroom_sec_02_slider .news-item-article .cont { padding-bottom: 120px; }
#newsroom_sec_02 #newsroom_sec_02_slider .swiper-arrow { position: absolute; left: 65%; bottom: 50px; padding-left: 60px; z-index: 10; box-sizing: border-box; }
#newsroom_sec_02 #newsroom_sec_02_slider .swiper-arrow .swiper-arrow-prev,
#newsroom_sec_02 #newsroom_sec_02_slider .swiper-arrow .swiper-arrow-next { width: 40px; height: 40px; border: 1px solid #c2c2c2; background-color: #fff; font-size: 0; cursor: pointer; position: relative; }
#newsroom_sec_02 #newsroom_sec_02_slider .swiper-arrow .swiper-arrow-prev:before { content: ''; display: inline-block; width: 8px; height: 8px; border-bottom: 2px solid #000; border-left: 2px solid #000; transform: rotate(45deg); }
#newsroom_sec_02 #newsroom_sec_02_slider .swiper-arrow .swiper-arrow-next:before { content: ''; display: inline-block; width: 8px; height: 8px; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: rotate(-45deg); }
#newsroom_sec_02 .news-list + .news-list { margin-top: 20px; }

#newsroom_sec_tv { padding-bottom: 0; }
#newsroom_sec_tv .news-list.type3:before { margin-bottom: 55px; }
#newsroom_sec_tv .news-item:after { display: none; }
#newsroom_sec_tv .news-item-article .img { width: 50%; }
#newsroom_sec_tv .news-item-article .img > div { padding-top: 56.25%; }
#newsroom_sec_tv .news-item-article .cont { width: 50%; }
#newsroom_sec_tv .news-item-article .cont .tit { max-width: 100%; }
#newsroom_sec_tv .news-item-article .cont .tit > * { font-size: 24px; }
#newsroom_sec_tv .news-item-article .cont .txt { font-size: 15px; color: #666; line-height: 25px; height: 150px; }
#newsroom_sec_tv .news-item-article .cont .date { margin-top: 40px; }


#newsroom_sec_list .newsroom_head .title { font-size: 30px; font-weight: bold; color: #222; }
#newsroom_sec_list .newsroom_head .title span { font-weight: normal; }
#newsroom_sec_list .newsroom_head .search { position: relative; }
#newsroom_sec_list .newsroom_head .search input { width: 360px; height: 60px; padding-right: 80px; font-size: 20px; }
#newsroom_sec_list .newsroom_head .search input::placeholder { color: #b7b7b7; }
#newsroom_sec_list .newsroom_head .search select { height: 60px; vertical-align: middle; }
#newsroom_sec_list .newsroom_head .search button { position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url(../images/ico/serch_ico.png) center no-repeat; font-size: 0; border: 0; cursor: pointer; vertical-align: middle; }

#newsroom_sec_view > .inner { max-width: 820px; }
#newsroom_sec_view .newsroom_view_head { border-bottom: 1px solid #d6d6d6; padding: 30px 0; padding-top: 0; }
#newsroom_sec_view .newsroom_view_head .cate { font-size: 16px; color: #00a2e1; margin-bottom: 15px; }
#newsroom_sec_view .newsroom_view_head .title { font-size: 40px; color: #222; line-height: 45px; font-weight: bold; margin-bottom: 15px; margin-bottom: 30px; }
#newsroom_sec_view .newsroom_view_head .date { font-size: 14px; color: #7b7b7b; }
#newsroom_sec_view .newsroom_view_head .file_list { margin-top: 20px; }
#newsroom_sec_view .newsroom_view_head .file_list ul li { display: inline-block; margin-right: 20px; }
#newsroom_sec_view .newsroom_view_head .file_list ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#newsroom_sec_view .newsroom_view_head .file_list ul li a { display: inline-block; font-size: 13px; color: #848796; border-bottom: 1px solid #848796; }
#newsroom_sec_view .newsroom_view_body { min-height: 50vh; padding: 50px 0; box-sizing: border-box; }
#newsroom_sec_view .newsroom_view_foot { border-bottom: 1px solid #d6d6d6; padding: 30px 0; }
#newsroom_sec_view .newsroom_view_foot .tag { margin-top: 30px; display: flex; }
#newsroom_sec_view .newsroom_view_foot .tag span { font-size: 15px; color: #333; margin-right: 15px; white-space: nowrap; }
#newsroom_sec_view .newsroom_view_foot .tag dl > dd { display: inline-block; vertical-align: top; font-size: 14px; color: #b4b4b4; }
#newsroom_sec_view .newsroom_view_foot .tag dl > dd a { font-size: 14px; color: #b4b4b4; }
#newsroom_sec_view .newsroom_view_foot .tag dl > dd a:hover { color: #00578a; }
#newsroom_sec_view .newsroom_view_foot .tag dl > dd + dd { margin-left: 10px; }
#newsroom_sec_view .newsroom_view_foot .file_list ul li { display: inline-block; margin-right: 20px; }
#newsroom_sec_view .newsroom_view_foot .file_list ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#newsroom_sec_view .newsroom_view_foot .file_list ul li a { display: inline-block; font-size: 13px; color: #848796; border-bottom: 1px solid #848796; }
#newsroom_sec_view .newsroom_view_foot + .newsroom_view_btn { border-top: 0; }

#newsroom_sec_view .newsroom_view_btn { border-top: 1px solid #d6d6d6; padding-top: 30px; }
#newsroom_sec_view .newsroom_view_btn a  { display: flex; justify-content: center; align-items: center; width: 240px; height: 70px; background-color: #989898; font-size: 1em; color: #fff; margin: 0 auto; }


#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; }


/* PR - Brochure */
#brochure_sec_01 { padding-top: 170px; padding-bottom: 110px; }
#brochure_sec_01 > .inner { max-width: 920px; text-align: center; }
#brochure_sec_01 > .bg { height: 750px; bottom: 0; top: auto; }
#brochure_sec_01 .brochure { margin-bottom: 50px; }
#brochure_sec_01 .text { margin-bottom: 60px; font-size: 20px; color: #fff; line-height: 1.8; }
#brochure_sec_01 .btn { display: flex; justify-content: center; }
#brochure_sec_01 .btn > a { width: 220px; height: 60px; border: 1px solid #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; background-color: transparent; }
#brochure_sec_01 .btn > a + a { margin-left: 20px; }
#brochure_sec_01 .btn > a:after { content: ''; width: 18px; height: 16px; margin-left: 15px; background: url(../images/pr/ico_download_white.png) center no-repeat; }
#brochure_sec_01 .btn > a:hover { background-color: #fff; color: #333; }
#brochure_sec_01 .btn > a:hover:after { background: url(../images/pr/ico_download_black.png) center no-repeat; }
#brochure_sec_02 { padding-bottom: 0; }
#brochure_sec_02 ul li { padding: 40px 0; padding-right: 60px; border-bottom: 1px solid #ddd; display: flex; align-items: center;}
#brochure_sec_02 ul li .brochure { padding-right: 70px; }
#brochure_sec_02 ul li .brochure > div { width: 195px; } 
#brochure_sec_02 ul li .tit { font-size: 22px; font-weight: bold; white-space: nowrap; margin-bottom: 20px; }
#brochure_sec_02 ul li .txt { font-size: 15px; color: #858585; line-height: 24px; margin-bottom: 20px; height: 72px; overflow: hidden; }
#brochure_sec_02 ul li .btn { display: flex; }
#brochure_sec_02 ul li .btn > a { width: 170px; height: 50px; border: 1px solid #333; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #333; background-color: transparent; }
#brochure_sec_02 ul li .btn > a + a { margin-left: 10px; }
#brochure_sec_02 ul li .btn > a:after { content: ''; width: 16px; height: 12px; margin-left: 13px; background: url(../images/pr/ico_download_blue.png) center no-repeat; }
#brochure_sec_03 ul { margin-top: 60px; }
#brochure_sec_03 > .inner { max-width: 1240px; }
#brochure_sec_03 ul li { text-align: center; }
#brochure_sec_03 ul li .img { margin-bottom: 60px; }
#brochure_sec_03 ul li .img img { box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.22); }
#brochure_sec_03 ul li .btn { display: flex; justify-content: center; }
#brochure_sec_03 ul li .btn > a { width: 250px; height: 50px; border: 1px solid #333; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #333; background-color: transparent; }
#brochure_sec_03 ul li .btn > a:after { content: ''; width: 16px; height: 12px; margin-left: 13px; background: url(../images/pr/ico_download_blue.png) center no-repeat; }

/* Jobs */
#process_sec_01 { min-height: auto; }
#process_sec_01 ul { display: flex; }
#process_sec_01 ul > li { width: 100%; border-top: 1px solid #868686; padding: 30px 0; }
#process_sec_01 ul > li + li { margin-left: 20px; }
#process_sec_01 ul > li .tit { margin-top: -20px; font-size: 25px; font-weight: bold; color: #333; margin-bottom: 20px; }
#process_sec_01 ul > li .txt { margin-top: 20px; font-size: 1em; color: #444; }
#process_sec_02 { min-height: auto; background-color: #fafafa; }
#process_sec_02 .process { display: flex; justify-content: center; align-items: center; padding: 20px 0; margin-bottom: 60px; margin-left: -65px; }
#process_sec_02 .process li { display: flex; width: 240px; height: 240px; margin-left: 65px; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #dfdfdf; background-color: #fff; border-radius: 50%; position: relative; box-shadow: 6px 10px 22px 0px rgba(132, 132, 132, 0.22); }
#process_sec_02 .process li + li:before { content: ''; position: absolute; top: 50%; left: -52px; margin-top: -7.5px; width: 40px; height: 15px; background: url(../images/jobs/process_sec_02_arrow.png) center no-repeat; }
#process_sec_02 .process li .t { font-size: 22px; color: #333; margin-top: 20px; }
#process_sec_02 .process_dec { border-top: 2px solid #333; }
#process_sec_02 .process_dec > li { border-bottom: 1px solid #dfdfdf; display: flex; padding: 30px 0; padding-left: 20px; padding-right: 40px; align-items: center; }
#process_sec_02 .process_dec > li > .tit { font-size: 1.5em; color: #333; }
#process_sec_02 .process_dec > li > .tit > div { width: 200px; }
#process_sec_02 .process_dec > li > .tit span { color: #00b2c9; }
#process_sec_02 .process_dec > li > .txt { width: 100%; padding-right: 40px; font-size: 1em; color: #666; line-height: 1.8; }
#job_posting_sec { align-items: flex-start }
#job_posting_sec .secHead { display: flex; justify-content: space-between; align-items: flex-start; }
#job_posting_sec .secHead .classTab { margin-top: 30px; display: flex; }
#job_posting_sec .secHead .classTab > li { padding: 0 20px; position: relative; }
#job_posting_sec .secHead .classTab > li + li:before { content: ''; width: 1px; height: 20px; background-color: #dbdbdb; position: absolute; left: 0; top: 50%; margin-top: -10px; }
#job_posting_sec .secHead .classTab > li a { font-size: 20px; font-weight: bold; color: #a9a9a9; padding: 5px 0; }
#job_posting_sec .secHead .classTab > li.active a { color: #333; border-bottom: 1px solid #222; }



/* Quick Menu */
#quickmenu { position: fixed; top: 50%; right: 120px; transform: translateY(-50%); z-index: 1; /*display: none;*/ }
#quickmenu > .inner { position: relative; overflow: hidden; width: 100px; border: 1px solid #0090ff; box-sizing: border-box; border-top-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; background-color: #0090ff; }
#quickmenu .title { font-size: 15px; color: #fff; font-family: 'Metropolis-Light', 'sans-serif'; padding-top: 15px;  }
#quickmenu .menu { padding: 0 5px; padding-top: 15px; }
#quickmenu .menu li + li { margin-top: 1px; }
#quickmenu .menu li a { display: flex; align-items: center; justify-content: center; text-align: center; height: 70px; font-size: 15px; font-weight: bold; color: #fff; background-color: #0082f1;  }
#quickmenu .btn { display: block; width: 100%; height: 40px; background-color: transparent; border: 0; cursor: pointer; 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='18px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M18.004,9.354 L16.940,10.406 L9.028,2.592 L1.070,10.452 L-0.004,9.391 L8.949,0.548 L9.065,0.663 L9.135,0.594 L18.004,9.354 Z'/%3E%3C/svg%3E"); }
#quickmenu .menu.hide { display: none; }
#quickmenu .menu.hide + .btn { transform: rotate(180deg); }


/* IR */
[id*='gov_sec_'] .secText { margin-top: 0; }
[id*='gov_sec_'] .secText strong { color: #085cab; margin-bottom: 10px; display: block; }
[id*='gov_sec_'] .secText small { color: #085cab; }
[id*='gov_sec_'] .re { font-size: 0.9em; color: #333; text-align: right; margin-bottom: 5px; }
[id*='gov_sec_'] .tb_table + .em { font-size: 1em; text-align: right; color: #00578a; margin-top: 10px; }
[id*='gov_sec_'] .council_list { display: flex; flex-wrap: wrap; margin-right: -20px; margin-bottom: -65px; }
[id*='gov_sec_'] .council_list > li { width: 50%; padding-right: 20px; box-sizing: border-box; display: flex; margin-bottom: 65px; }
[id*='gov_sec_'] .council_list > li .photo { width: 145px; height: 170px; background-color: #efefef; margin-right: 40px; flex: none; background-size: cover; background-repeat: no-repeat; }
[id*='gov_sec_'] .council_list > li .cont { width: 100%; }
[id*='gov_sec_'] .council_list > li .cont .title { border-bottom: 3px solid #e2e2e2; margin-bottom: 15px; padding-bottom: 8px; }
[id*='gov_sec_'] .council_list > li .cont .title .t1 { font-size: 1.25em; font-weight: 500; color: #333; }
[id*='gov_sec_'] .council_list > li .cont .title .t2 { font-size: 1em; color: #666; }
[id*='gov_sec_'] .council_list > li .cont .text { font-size: 0.933em; color: #666; }
[id*='gov_sec_'] .council_list > li .cont .text li { display: flex; }
[id*='gov_sec_'] .council_list > li .cont .text li + li { margin-top: 10px; }
[id*='gov_sec_'] .council_list > li .cont .text dd + dd { margin-top: 10px; }
[id*='gov_sec_'] .council_list > li .cont .text li .tit { width: 75px; flex: none; }




#finance_sec .em { text-align: right; margin-bottom: 5px; color: #336699; }
#finance_sec .tb_table table td { text-align: right; padding: 5px 30px; }
#finance_sec .tb_table table .total td { background-color: #f2f5f7; }


#disclosure_sec .tabMenu { display: flex; margin-bottom: 20px; }
#disclosure_sec .tabMenu > li { width: 350px; }
#disclosure_sec .tabMenu > li a { font-size: 18px; color: #979797; font-weight: 500; display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background-color: #fff; border: 1px solid #d8d8d8; }
#disclosure_sec .tabMenu > li.active a { background-color: #085cab; color: #fff; border-color: #085cab; }

#disclosure_sec .tb_table .num { width: 100px; flex: none; }
#disclosure_sec .tb_table .name { width: 200px; flex: none; }
#disclosure_sec .tb_table .download { width: 210px; flex: none; }
#disclosure_sec .tb_table .tb_list > li > * { height: 100px; }
#disclosure_sec .tb_table .tb_list > li > * > * {  }
#disclosure_sec .tb_table .tb_list .title { text-align: left; padding: 0 40px; color: #333; }
#disclosure_sec .tb_table .tb_list .download a { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 50px; font-size: 14px; color: #333; border: 1px solid #222;  padding: 0 20px; }
#disclosure_sec .tb_table .tb_list .download a:after { content: ''; width: 16px; height: 20px; background: url(../images/ico/ico_download_blk.png) center no-repeat; }

#disclosure_sec .rule_text { font-size: 1em; color: #666; line-height: 2; }
#disclosure_sec .rule_text h3 { font-size: 25px; font-weight: bold; margin-bottom: 10px; }
#disclosure_sec .rule_text * + h3 { margin-top: 40px; }
#disclosure_sec .rule_text ul + ul { margin-top: 20px; }
#disclosure_sec .rule_text ul + li { margin-top: 10px; }
#disclosure_sec .rule_text li { margin-left: 20px; }
#disclosure_sec .rule_text li + ul { margin-left: 20px; margin-top: 5px; }
#disclosure_sec .rule_text strong { font-size: 20px; font-weight: 500; }




#employ_sec_01 {  }
#employ_sec_01 .secBody { display: flex; align-items: center; }
#employ_sec_01 .secBody + .secBody { margin-top: 170px; }
#employ_sec_01 .secBody .imgArea { position: relative; }
#employ_sec_01 .secBody .imgArea:after { content: ''; position: absolute; bottom: -40px; width: 200%; height: 80%; background-color: #417bc6; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; }
#employ_sec_01 .secBody:nth-child(odd) { justify-content: flex-start; }
#employ_sec_01 .secBody:nth-child(odd) .imgArea { order: -1; margin-right: 80px; }
#employ_sec_01 .secBody:nth-child(odd) .imgArea:after { right: -20px; background-image: url(../images/employ/employ_bg_01.jpg); }
#employ_sec_01 .secBody:nth-child(odd) .contArea { max-width: 720px; }
#employ_sec_01 .secBody:nth-child(even) { justify-content: flex-end; }
#employ_sec_01 .secBody:nth-child(even) .imgArea { margin-left: 80px; position: relative; }
#employ_sec_01 .secBody:nth-child(even) .imgArea:after { left: -20px; background-image: url(../images/employ/employ_bg_02.jpg); }
#employ_sec_01 .secBody:nth-child(even) .contArea { max-width: 640px; }
#employ_sec_01 .secText { line-height: 1.7; }
#employ_sec_01 .secBody .secInfogram { margin-top: 30px; max-width: 460px; }
#employ_sec_01 .secBody .secInfogram > li { padding: 20px 0; display: flex; align-items: center; }
#employ_sec_01 .secBody .secInfogram > li + li { border-top: 1px solid #e9e9e9; }
#employ_sec_01 .secBody .secInfogram > li .ico { width: 100px; flex: none; }
#employ_sec_01 .secBody .secInfogram > li .h { font-size: 1.333em; color: #4f88c5; margin-bottom: 10px; }
#employ_sec_01 .secBody .secInfogram > li .t { font-size: 1.066em; color: #908f8f; }
#employ_sec_02 { padding-top: 150px; }
#employ_sec_02 .title { font-size: 3em; color: #222; font-weight: bold; margin-bottom: 30px; }
#employ_sec_02 ul { border-top: 2px solid #333; }
#employ_sec_02 ul > li { display: flex; align-items: center; border-bottom: 1px solid #d2d2d2; padding: 40px 70px; }
#employ_sec_02 ul > li .tit { width: 240px; font-size: 1.666em; font-weight: bold; color: #333; }
#employ_sec_02 ul > li .tit span { color: #899afc; }
#employ_sec_02 ul > li .txt { font-size: 1.333em; color: #333; }
#employ_sec_02 ul > li .txt p { font-size: 0.8em; color: #666; margin-top: 10px; }
#employ_sec_02 .btn_group { text-align: center; margin-top: 50px; }
#employ_sec_02 .btn_group .btn { display: flex; align-items: center; justify-content: center; width: 250px; height: 60px; padding: 0 30px; background-color: #085cab; font-size: 1.125em; color: #fff; margin: 0 auto; }
#employ_sec_02 .btn_group .btn img { margin-left: 12px; }


#welfare_head > .inner { position: relative; padding-right: 260px; box-sizing: border-box; }
#welfare_head .text { /*max-width: 820px;*/ margin-top: 70px; }
#welfare_head .text span { color: #198dc2; }
#welfare_head .obj { position: absolute; bottom: -30px; right: 60px; }
#welfare_sec ul { display: flex; flex-wrap: wrap; border-top: 2px solid #333; }
#welfare_sec ul > li { flex: 1 1 40%; display: flex; align-items: center; padding: 30px 20px; border-bottom: 1px solid #dfdfdf; }
#welfare_sec ul > li .img { width: 210px; flex: none; margin-right: 70px; }
#welfare_sec ul > li .tit { font-size: 1.875em; font-weight: bold; color: #333; margin-bottom: 30px; }
#welfare_sec ul > li .txt { font-size: 1em; color: #444; }


/* Biz */
#ironMining1_sec .row > .col_2 {width:30%}
#ironMining1_sec .row > .col_10 {width:70%}
#ironMining1_sec .secText p {font-size: 1em;}
#ironMining1_sec .secTitle.h2 {font-size:40px;font-weight: 500;}
#ironMining1_sec .business_wrap {max-width: 1400px;width: 92%;margin: 100px auto 0;position:relative}
#ironMining1_sec .business_wrap:before {content:'';width:593px;height:588px;background:url(../images/biz/bg_biz_before.png) no-repeat;position:absolute;bottom:0;left:-210px;z-index:0}
#ironMining1_sec .business_wrap:after {content:'';width:469px;height:409px;background:url(../images/biz/bg_biz_after.png) no-repeat;position:absolute;bottom:-160px;right:-210px;z-index:0}
#ironMining1_sec .business_wrap .business_inner {background:#19538c url(../images/biz/bg_business.png) no-repeat right bottom / cover;color:#fff;padding: 4.2vw;z-index:1;position: relative;}
#ironMining1_sec .business_wrap .business_inner > strong {display:block;text-align:center;font-size:30px;font-weight:500;}
#ironMining1_sec .business_wrap .business_inner ul {display:flex;flex-wrap: wrap;}
#ironMining1_sec .business_wrap .business_inner ul li {width:50%;font-size:16px;font-weight:300;padding: 3.2vw 5vw;}
#ironMining1_sec .business_wrap .business_inner ul li strong {font-size:20px;}
#ironMining1_sec .business_wrap .business_inner ul li p {border-top:1px solid #5686c2;margin-top: 10px;padding-top: 10px;}
#ironMining1_sec .business_wrap .factory_photo {margin-top:100px;z-index:1;position: relative;}
#ironMining1_sec .business_wrap .factory_photo ul {display: flex;justify-content: space-between;gap:15px}
#ironMining1_sec .business_wrap .factory_photo ul li {}


#ironMining1_sec .ironMining_list { margin-top: 70px; }
#ironMining1_sec .ironMining_list > li { border-top: 1px solid #dcdcdc; padding: 60px 0; display: flex; }
#ironMining1_sec .ironMining_list > li .img { width: 520px; margin-right: 50px; flex: none; }
#ironMining1_sec .ironMining_list > li .cont { width: 100%; }
#ironMining1_sec .ironMining_list > li .title { font-size: 1.375em; color: #222; font-weight: 500; margin-bottom: 20px; }
#ironMining1_sec .ironMining_list > li dl { display: flex; }
#ironMining1_sec .ironMining_list > li dt { border-bottom: 1px solid #eee; margin-right: 35px; padding: 20px 30px; width: 120px; flex: none; font-size: 0.875em; font-weight: 500; color: #333; }
#ironMining1_sec .ironMining_list > li dd { border-bottom: 1px solid #eee; padding: 20px 15px; font-size: 0.813em; color: #666; width: 100%; }
#ironMining1_sec .ironMining_list > li dd .email { color: #71afee; margin-left: 10px; }
#ironMining1_sec .ironMining_list > li dd .row { display: flex; flex-wrap: wrap; margin: -7.5px; }
#ironMining1_sec .ironMining_list > li dd .row > * { padding: 7.5px; }
#ironMining1_sec .ironMining_list > li dd .row.col4 > * { width: 25%; }
#ironMining1_sec .ironMining_list > li dd .row.col2 > * { width: 50%; }

#packaging_sec_01 .secHead { text-align: center; }
#packaging_sec_01 .secHead .secText { max-width: 900px; margin-left: auto; margin-right: auto; }
#packaging_sec_01 .secBody { display: flex; align-items: center; margin-top: 80px; }
#packaging_sec_01 .secBody .img { width: 520px; flex: none; margin-right: 90px; }
#packaging_sec_01 .secBody .cont { padding-right: 70px; }
#packaging_sec_01 .secBody .cont .title { font-size: 1.75em; font-weight: bold; color: #222; margin-bottom: 40px; }
#packaging_sec_01 .secBody .cont .title span { color: #0081bb; }
#packaging_sec_01 .secBody .cont .box { padding: 20px 30px; border: 1px solid #cce6f1; border-radius: 10px; }
#packaging_sec_01 .secBody .cont .box .tit { font-size: 1em; color: #0081bb; margin-bottom: 10px; }
#packaging_sec_01 .secBody .cont .box .txt { font-size: 1em; color: #6faddc; }

#packaging_sec_02 { background-color: #f2f4f7; padding: 4% 0; }
#packaging_sec_02 .tabMenu { max-width: 720px; margin: 0 auto; margin-bottom: 45px; display: flex; align-items: center; justify-content: center; border: 1px solid #8f9eb4; box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12); }
#packaging_sec_02 .tabMenu > li { width: 100%; }
#packaging_sec_02 .tabMenu > li a { width: 100%; height: 65px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #fff; font-size: 20px; color: #97a3b5;  }
#packaging_sec_02 .tabMenu > li + li { border-left: 1px solid #8f9eb4; }
#packaging_sec_02 .tabMenu > li.active a { background-color: #113974; color: #fff }
#packaging_sec_02 [class*='tabCont_'] { display: none; position: relative; padding: 40px; border: 1px solid #d5dbe9; background-color: #fff; width: 100%; }
#packaging_sec_02 [class*='tabCont_'].active { display: block; }
#packaging_sec_02 [class*='tabCont_'] .title { font-size: 1.375em; color: #222; line-height: 1.25; padding-left: 25px; border-left: 3px solid #004687; margin-bottom: 30px; }
#packaging_sec_02 [class*='tabCont_'] .contants { position: relative; }
#packaging_sec_02 [class*='tabCont_'] .tooltip {  }
#packaging_sec_02 [class*='tabCont_'] .tooltip > * { position: absolute; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .point { width: 10px; height: 10px; border-radius: 50%; background-color: #09a0ff; cursor: pointer; position: relative; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .point:before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #09a0ff; opacity: 0.2; transform: scale(3); }
#packaging_sec_02 [class*='tabCont_'] .tooltip .box { display: none; background-color: #f6f6f6; border: 1px solid #c7c7c7; border-radius: 4px; padding: 15px 20px; position: absolute; white-space: nowrap; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .box .tit { font-size: 14px; color: #222; font-weight: bold; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .box .txt { font-size: 14px; color: #222; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .top .box { bottom: 100%; margin-bottom: 5px; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .bottom .box { top: 100%; margin-top: 5px; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .left .box { right: 100%; margin-right: 44px; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .right .box { left: 100%; margin-left: 44px; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .box:before { content: ''; display: inline-block; width: 50px; height: 50px; box-sizing: border-box; position: absolute; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .top .box:before { top: 50%; border-top: 1px solid #4f9eff; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .bottom .box:before { bottom: 50%; border-bottom: 1px solid #4f9eff; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .left .box:before { left: 100%; border-right: 1px solid #4f9eff; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .right .box:before { right: 100%; border-left: 1px solid #4f9eff; }
#packaging_sec_02 [class*='tabCont_'] .tooltip li.active .box,
#packaging_sec_02 [class*='tabCont_'] .tooltip li:hover .box { display: block; z-index: 1; }

#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_1 { top: 72%; left: 9%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_2 { top: 63%; left: 17%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_3 { top: 58%; left: 23%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_4 { top: 49%; left: 30%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_5 { top: 49%; left: 36%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_6 { top: 31%; left: 61%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_7 { top: 71%; left: 19%; display: none;}
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_8 { top: 66%; left: 23%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_9 { top: 63%; left: 36%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_10 { top: 45%; left: 43%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_11 { top: 40%; left: 47%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_12 { top: 35%; left: 51%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_13 { top: 38%; left: 58%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_14 { top: 37%; left: 75%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_15 { top: 52%; left: 81%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_1_16 { top: 45%; left: 88%; }


#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_1 { top: 53%; left: 31%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_2 { top: 46%; left: 44%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_3 { top: 34%; left: 50%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_4 { top: 28.5%; left: 68%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_5 { top: 83%; left: 15%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_6 { top: 78%; left: 26%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_7 { top: 69%; left: 33%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_8 { top: 56%; left: 51%; }
#packaging_sec_02 [class*='tabCont_'] .tooltip .tip_2_9 { top: 51%; left: 59%; }

#packaging_sec_03 { padding: 4% 0; }
#packaging_sec_03 .visual_banner { padding: 90px; display: flex; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/biz/packaging_sec_03_banner.jpg); }
#packaging_sec_03 .visual_banner > * { max-width: 690px; font-size: 1.562em; font-weight: bold; color: #fff; }
#packaging_sec_03 .secText { padding: 80px 0; text-align: center; margin: 0 auto; max-width: 1024px; }
#packaging_sec_03 .secObj { display: flex; align-items: center; justify-content: center; }
#packaging_sec_03 .secObj > li { border: 1px solid #085cab; border-radius: 50%; background-color: #fff; margin: 0 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 320px; height: 320px; box-shadow: 5px 9px 22px 0px rgba(8, 92, 171, 0.12);  }
#packaging_sec_03 .secObj > li .ico { width: 100px; height: 100px; margin-bottom: 20px; background-repeat: no-repeat; background-position: center; }
#packaging_sec_03 .secObj > li .tit { font-size: 26px; font-weight: bold; color: #085cab; }

#packaging_sec_04 .secTitle { margin-bottom: 30px; }
#packaging_sec_04 .client_list { border: 1px solid #dfdfdf; overflow: hidden; }
#packaging_sec_04 .client_list ul { display: flex; flex-wrap: wrap; margin-bottom: -1px; margin-right: -2px; }
#packaging_sec_04 .client_list ul li { border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; box-sizing: border-box; width: 25%; height: 230px; display: flex; align-items: center; justify-content: center; padding: 20px; background-color: #fff; }


/* RC */
#rc_sec > .inner { max-width: 1200px; }
#rc_sec .rc_channel { background-color: #fff; border: 6px solid #f0f2f3; padding: 30px 50px; padding-right: 230px; margin-bottom: 30px; position: relative; }
#rc_sec .rc_channel:after { content: ''; position: absolute; top: 50%; right: 80px; transform: translateY(-50%); width: 151px; height: 145px; background: url(../images/ethical/rc_channel_ico.png) center no-repeat; }
#rc_sec .rc_channel .title { font-size: 25px; font-weight: 500; color: #085cab; margin-bottom: 20px; }
#rc_sec .rc_channel ul li { display: flex; }
#rc_sec .rc_channel ul li + li { margin-top: 10px; }
#rc_sec .rc_channel ul li .tit { font-size: 1em; color: #085cab; width: 85px; flex: none; }
#rc_sec .rc_channel ul li .txt { width: 100%; font-size: 1em; color: #666; }
#rc_sec .rc_channel ul li .txt a { color: #3997ef; border-bottom: 1px solid #3997ef; }

#rc_sec .rc_box { padding: 50px 60px; background-color: #f8f9f9; margin-bottom: 50px; }
#rc_sec .rc_box .title { font-size: 1.25em; color: #333; font-weight: 500; margin-bottom: 20px; border-left: 5px solid #000; padding-left: 14px; line-height: 1; }
#rc_sec .rc_box .text { font-size: 1em; color: #666; }
#rc_sec .rc_box .text ul { margin: 10px 0; }
#rc_sec .rc_box .text ul li { padding-left: 10px; text-indent: -10px; }
#rc_sec .rc_box .box { margin-top: 40px; border: 1px solid #b9d0e5; padding: 30px 40px; padding-left: 90px; }
#rc_sec .rc_box .box .tit { font-size: 1em; color: #333; font-weight: 500; margin-bottom: 15px; position: relative; display: flex; align-items: center; }
#rc_sec .rc_box .box .tit:before { content: ''; width: 28px; height: 28px; flex: none; margin-right: 15px; background: url(../images/ethical/rc_channel_ico2.png) center no-repeat; margin-left: -44px; }
#rc_sec .rc_box .box .txt { font-size: 1em; color: #666; }
#rc_sec .rc_box .box .txt > li { padding-left: 10px; text-indent: -10px; }
#rc_sec .rc_box .box .txt > li + li { margin-top: 5px; }
#rc_sec .rc_box .btn_type2 {margin-top: 40px; display: inline-block; width: 200px; height: 47px; background-color: #333; border: 0;font-size: 1em; color: #fff; border-top-left-radius: 13px; border-bottom-right-radius: 13px; cursor: pointer;}


#rc_sec .rc_agree { margin-bottom: 60px; }
#rc_sec .rc_agree .agree_tit { font-size: 30px; font-weight: bold; color: #222; margin-bottom: 30px; }
#rc_sec .rc_agree .agree_box { background-color: #fff; border: 1px solid #d6d6d6; padding: 60px 70px; max-height: 380px; box-sizing: border-box; overflow-y: auto; }
#rc_sec .rc_agree .agree_box .tit { font-size: 1.25em; font-weight: bold; color: #333; margin-bottom: 30px; }
#rc_sec .rc_agree .agree_box .txt { font-size: 1em; line-height: 1.875; color: #666; }
#rc_sec .rc_agree .agree_box .txt > li { padding-left: 17px; text-indent: -17px; }
#rc_sec .rc_agree .agree_chk { text-align: right; margin-top: 20px; }
#rc_sec .rc_agree .agree_chk label { font-size: 20px; }
#reward_modal { width: 980px; max-height: 95%; }
#reward_modal button.modal_close { cursor: pointer; font-size: 0; position: absolute; top: 50%; 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"); }
#reward_modal > .inner .modal_header { background-color: #fff; height: 80px; box-sizing: border-box; }
#reward_modal > .inner .modal_header > h2 { font-size: 24px; color: #333; font-weight: bold; }
#reward_modal > .inner .modal_content > .inner { position: relative; padding: 0 75px; padding-bottom: 90px; }
#reward_modal > .inner .modal_content > .inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#reward_modal > .inner .modal_content .title1 { font-size: 1.25em; color: #005f9c; font-weight: bold; margin-bottom: 20px; }
#reward_modal > .inner .modal_content .title2 { font-size: 1em; color: #333; font-weight: bold; line-height: 1.875; margin-bottom: 10px; }
#reward_modal > .inner .modal_content .text { font-size: 1em; color: #666; line-height: 1.875; margin-bottom: 20px; }
#reward_modal > .inner .modal_content .title2 + .text { padding-left: 20px; }
#reward_modal > .inner .modal_content .text table { border-top: 2px solid #545454; width: 100%; }
#reward_modal > .inner .modal_content .text table th { background-color: #f9f9f9; height: 60px; font-size: 0.9em; color: #333; vertical-align: middle; text-align: center; border-bottom: 1px solid #d6d6d6; }
#reward_modal > .inner .modal_content .text table td { height: 60px; font-size: 0.9em; color: #333; vertical-align: middle; text-align: center; border-bottom: 1px solid #d6d6d6; }
#reward_modal > .inner .modal_content .text table td + td { border-left: 1px solid #d6d6d6; }
#reward_modal > .inner .modal_content .text .em { font-size: 0.8em; color: #596a88; margin-top: 5px; }


/* 환경경영 연간목표 */
.di_table tr, .di_table td, .di_table th{border: 1px solid #333; vertical-align: middle; text-align: center;padding: 0.75rem;}
.di_table table{background-color: #fff; white-space: nowrap; margin-bottom: 4vh; width: 100%;}
.di_table th{font-weight: 700; background-color: #E7E5E6;}
.di_table td{font-weight: 500;}
.di_table th span{font-weight: 400; font-size: 0.875rem;}
.di_table .middle_title{display: block; font-size: 20px; color: #333; margin:2rem 0; font-weight: 700; text-align: left;}
.di_table .lleft{text-align: left; padding-left: 1.2rem; box-sizing: border-box;}
.di_img{display: block; margin: 0 auto; width: 100px;}
.di_img_02{display: block; margin: 30px 0.5rem 0; height: 300px;}
.di_table_01{width: 100%; display: inline-table; overflow: auto; padding-top: 10px;}
.di_table_02{width: 50%; overflow: auto;}
.di_table_02_t{font-size: 1.2rem;}
.di_toget{display: flex; overflow: auto; padding-top:10px;}
.di_toget tbody tr, .di_table_03 tbody tr{height:130px;}
.di_table_04 tbody tr{height:auto;}
.di_contents03{position: relative; padding-left: 1.666rem; letter-spacing: 0.005rem; text-align: left;}
.di_contents03 h4{font-size: 1.1rem; font-weight: 700; padding-bottom: 5px;}
.di_contents03 p{font-size: 1rem; margin-bottom: 1.6rem; color: #666;}
.di_contents03_icon{vertical-align: middle; font-size: 0.05rem; padding-right: 0.5rem;}

/* Hover Event */
@media (hover: hover) {

}

/* 2560 */
@media screen and (min-width: 2560px) {
  #site-header:after { width: 100%;}
  #site-header .menu > li > .depth2 { width: 100%;}
  .page-section {/* min-height: 1024px; */}
}


/* 1400 */
@media screen and (max-width: 1400px) {
  #site-header .menu > li > a { padding: 0 20px; }
  #site-header .menu > li > .depth2 > ul > li + li { margin-top: 10px; }
  #main-top-visual .swiper-page > li { width: 180px; }
}
/* 1080 */

@media screen and (max-width: 1080px) {
  .di_table tr, .di_table td, .di_table th{padding: 0.4rem;}
}

@media screen and (max-width: 768px) {
	#ironMining1_sec .row > .col_2, #ironMining1_sec .row > .col_10 {width:100%;}
	#ironMining1_sec .secTitle.h2 {font-size: 5.2vw;}
	#ironMining1_sec .business_wrap {margin: 13vw auto 0;}
	#ironMining1_sec .business_wrap .business_inner {}
	#ironMining1_sec .business_wrap .business_inner > strong {font-size: 3.9vw;}
	#ironMining1_sec .business_wrap .business_inner ul {margin-top:50px;flex-direction: column;gap: 6.5vw;}
	#ironMining1_sec .business_wrap .business_inner ul li {width:100%;padding:0}
	#ironMining1_sec .business_wrap .business_inner ul li strong {font-size: 2.6vw;}
	#ironMining1_sec .business_wrap .business_inner ul li p {font-size: 2.1vw;}
	#ironMining1_sec .business_wrap .factory_photo {margin-top:13vw}
	#ironMining1_sec .business_wrap .factory_photo ul {flex-direction: column;}
	#ironMining1_sec .business_wrap .factory_photo ul li img {width:100%;}
	#ethical1_sec_02 dl dt {width: auto;}
}

#activity_sec_01 .tb_table .tb_list > li { padding: 15px 0; }
#activity_sec_01 .tb_table .title { text-align: left; }
#activity_sec_01 .tb_table .title .d { font-size: 1em; color: #838383; }
#activity_sec_01 .tb_table .title .t { font-size: 1.25em; color: #333; font-weight: 500; }
#activity_sec_01 .tb_table .text { font-size: 1em; color: #333; }

/* 240326 IR페이지 추가 */
#activity_sec_01 .secTitle1 {padding:0; font-size: 3em; font-weight: 700; text-align: center;}
#activity_sec_01 .secTitle1 span{color:#085cab;}
#activity_sec_01 .secText span{font-size: 16px; margin-top:-8px; display: block;}
#activity_sec_01 .wrap-ir-layout { display: flex;  justify-content: space-between;}
#activity_sec_01 .wrap-ir-layout .lft_area {  width: 48%;}
#activity_sec_01 .wrap-ir-layout .rgh_area { width: 48%;}

#activity_sec_01 .table-type2{width: 100%; border-top: 2px #000 solid;}
#activity_sec_01 .wrap-ir-layout .title1{ font-size: 20px; }
#activity_sec_01 .wrap-ir-layout .pr-mt-sn-mo{ font-size: 14px; }
#activity_sec_01 .wrap-ir-layout .table-type2 tbody tr th,
#activity_sec_01 .wrap-ir-layout .table-type2 tbody tr td{ padding: 4px 10px; text-align: left; font-size: 15px; }
#activity_sec_01 .wrap-ir-layout{display: flex;justify-content: space-between;}
#activity_sec_01 .wrap-ir-layout .lft_area{width: 48%;}
#activity_sec_01 .wrap-ir-layout .rgh_area{width: 48%;}
#activity_sec_01 .table-type2 tbody tr td { border-bottom: 1px #e3eaf2 solid;}
@media screen and (max-width: 1024px){
  #activity_sec_01 .wrap-ir-layout{display: block;}
  #activity_sec_01 .wrap-ir-layout .lft_area{width: 100%;}
  #activity_sec_01 .wrap-ir-layout .rgh_area{width: 100%;}
}
#activity_sec_01 .settlement_bot{ text-align: center; margin-top: 20px; }
#activity_sec_01 .settlement_bot .txt1{ text-align: left; }
#activity_sec_01 .settlement_bot .data{ margin-top: 20px; font-size: 20px; font-weight: 600; color: #666; }
#activity_sec_01 .settlement_bot .company{ margin-top: 20px; font-size: 30px; font-weight: 600; color: #222; }
#activity_sec_01 .settlement_bot .company span{font-size: 16px; display: block; margin-top:0; font-weight: 400;}
#activity_sec_01 .settlement_bot .acc,
#activity_sec_01 .settlement_bot .ceo{ margin-top: 5px; font-size: 20px; color: #022; font-weight: 600; }
#activity_sec_01 .settlement_bot .opinion{margin-top: 20px;display: inline-flex;justify-content: left;border: 1px #ddd solid;padding: 30px;}
#activity_sec_01 .settlement_bot .opinion .h{ min-width: 80px; width: 80px; }
#activity_sec_01 .settlement_bot.eng .opinion .h{min-width: 200px;text-align: left;}
#activity_sec_01 .settlement_bot .opinion .t{
    text-align: left;
    margin-left: 13px;
}
#activity_sec_01 .settlement_bot .acc{ margin-top: 15px;}
@media screen and (max-width: 840px){
  #activity_sec_01 .settlement_bot{ text-align: center; margin-top: 7vw;}
  #activity_sec_01 .settlement_bot .data{ margin-top: 5vw; font-size: 4vw;  }
  #activity_sec_01 .settlement_bot .company{ margin-top: 5vw; font-size: 6vw; }
  #activity_sec_01 .settlement_bot .acc,
  #activity_sec_01 .settlement_bot .ceo{ margin-top: 2vw; font-size: 4vw; }
  #activity_sec_01 .settlement_bot .opinion{ margin-top: 5vw; padding: 5vw;}
  #activity_sec_01 .settlement_bot.eng .opinion{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}
#activity_sec_01 .settlement_bot .opinion .h{ min-width:22vw; width: 22vw; }
#activity_sec_01 .settlement_bot .opinion .t{ text-align:left; margin-left: 2vw;}
#activity_sec_01 .settlement_bot .acc{ margin-top: 7vw;}
}
.pr-mt-ss {  margin-top: 20px !important;}
.pr-mt-s { margin-top: 40px !important;}
.pr-mt-sss { margin-top: 10px !important; }
.pr-mb-sss { margin-bottom: 10px !important; }
.lh_1 { line-height: 1 !important;}
.fw-b { font-weight: 700;}
.fz_nl { font-size: 19px !important; line-height: 1.8; letter-spacing: -0.02em; }
.ai-c {  align-items: center !important;}
.ta-r {  text-align: right !important; }
.ml15 { margin-left: 15px !important; }
.c-point_m1 { color: #085cab; }
.d-iflex {  display: inline-flex !important;}
/* //240326 IR페이지 추가 */


/* 240724 지속가능경영 추진체계 개편 */
/* 230404 기업시민 페이지 추가 */

[id*='cc_sec_'] > .inner {padding: 120px 0; max-width: 1300px}
[id*='cc_sec_'] > .inner .cont{ width: 100%;}
[id*='cc_sec_'] .tit{ font-size: 60px; font-weight: 600; color: #000; line-height: 88px;}
[id*='cc_sec_'] .tit br.mobile {display: block;}
[id*='cc_sec_'] .tit span{ color: #0082cf; }

#cc_sec_01 > .inner { display: flex; flex-direction: row-reverse; }
#cc_sec_01 > .inner > * { width: 100%; }
#cc_sec_01 .txt { font-size: 24px; line-height: 1.875; color: #000; font-weight: 300; text-transform: uppercase; margin-top: 50px; }
.cont.list .listTit{ font-size: 28px; font-weight: bold;}

#cc_sec_02 .txt { font-size: 24px; line-height: 1.875; color: #000; font-weight: 300; text-transform: uppercase; margin-top: 50px; }
#cc_sec_02 .secTxt {display: flex; margin-top: 120px; justify-content: center;}
#cc_sec_02 .secTxt p{display: inline-block; padding: 45px 130px; font-size: 30px;line-height:30px; background-color: #f2f2f2; border-radius: 5rem; }
#cc_sec_02 .secTxt p br{display: none;}
#cc_sec_02 .secTxt p span{color: #0082cf;}

#cc_sec_03 .inner {padding: 60px 0;}
#cc_sec_03 .inner:last-child { display: flex; justify-content: flex-end;}
#cc_sec_03 .inner .btn_type3{padding: 0 40px ; height: 57px; }

/*240404 추가*/
#cc_tab_02 .tab.ty2 > ul{align-items: center;}
#cc_tab_02 .tab.ty2 li:first-child a{width: max-content; }

.cont.list .listTit{ font-size: 28px; font-weight: bold;}
.cont.list .listCon.circle{ display: flex; justify-content: space-between;}
[id*='cc_sec_'] .citizen_m_img {display: none;}

.cont.list .listCon.circle li{ width: 25%; margin-left: -50px; position: relative;}
.cont.list .listCon.circle li:first-child{ margin-left: 0px;}
.cont.list .listCon.circle li:nth-child(4){ position: relative;}

.cont.list .listCon.circle li:after{ display: block; content:""; padding-bottom: 100%;}

.cont.list .listCon.circle .circleWrap{ position: absolute; top:0; left: 0;width: 100%; height: 100%; border-radius: 50%; display: flex; justify-content: center; flex-direction: column; align-items: center;text-align: center;  color: #fff;}
.cont.list .listCon.circle .sigBrand > img{ position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 47%;}

.cont.list .listCon.circle li .icon{ height: 47px; width: 71px;}

.cont.list .listCon.circle li:nth-child(1) .icon{ background: url(../images/esg/together_icon.png) center no-repeat;}
.cont.list .listCon.circle li:nth-child(2) .icon{ background: url(../images/esg/challenge_icon.png) center no-repeat;}
.cont.list .listCon.circle li:nth-child(3) .icon{ background: url(../images/esg/green_icon.png) center no-repeat;}
.cont.list .listCon.circle li:nth-child(4) .icon{ background: url(../images/esg/life_icon.png) center no-repeat;}
.cont.list .listCon.circle li:nth-child(5) .icon{ background: url(../images/esg/community_icon.png) center no-repeat;}

.cont.list .listCon.circle li p.top{ font-size: 19px;line-height: 30px; margin: 10px 0 10px;}
.cont.list .listCon.circle li p.top span{ font-size: 21px; font-weight: 600;}
.cont.list .listCon.circle .blue{ background-color: #229dc9; color: #fff!important;}
.cont.list .listCon.circle .green{ background-color: #47a85b;}
.cont.list .listCon.circle .orange{ background-color: #f06e00;}

.cont.list .listCon.circle li.line{ border-radius: 50%; background: none;}
.cont.list .listCon.circle li.line .circleWrap{color: #333;}
.cont.list .listCon.circle li.blue.line{border: 1px solid #229dc9;}
.cont.list .listCon.circle li.green.line{border: 1px solid #47a85b;}
.cont.list .listCon.circle li.orange.line{border: 1px solid #f06e00;}

.cont.list .listCon .item {float: left; width: 18.84%; margin-left: 1.1%;}

/* .cont.list .listCon .item:first-child {margin-left: 0;}
.cont.list .listCon .item:nth-child(2) {margin-top: 70px;}
.cont.list .listCon .item:nth-child(3) {margin-top: 30px;}
.cont.list .listCon .item:nth-child(4) {margin-top: 90px;} */

.cont.list .listCon{margin-top: 50px;}
.cont.list .listCon .item img{width: 100%;}
.cont.list .listCon .item .top_img{width: 100%; height: 248px; padding: 15px; box-sizing: border-box; color: #fff; font-weight: bold;}
.cont.list .listCon li:first-child .top_img{background: url(../images/esg/img_citizens_001.jpg) top no-repeat; background-size: cover;}
.cont.list .listCon li:nth-child(2) .top_img{background: url(../images/esg/img_citizens_002.jpg) top no-repeat; background-size: cover;}
.cont.list .listCon li:nth-child(3) .top_img{background: linear-gradient( to top, rgba(20, 20, 20, 0) 30%, rgba(20, 20, 20, 0.25) 45%, rgba(20, 20, 20, 0.5) 55%, rgba(20, 20, 20, 0.6) 85%, rgba(20, 20, 20, 0.7) 100% ), url(../images/esg/green_brand_01.png) top no-repeat; background-size: cover;}
.cont.list .listCon li:nth-child(4) .top_img{background: url(../images/esg/img_citizens_004.jpg) top no-repeat; background-size: cover;}
.cont.list .listCon li:nth-child(5) .top_img{background: url(../images/esg/img_citizens_005.jpg) top no-repeat; background-size: cover;}
.cont.list .listCon .item a.more{display: block; font-size: 16px; line-height: 16px; width: 100%; text-align: center; padding: 10px 0; border: 1px solid #cfcfcf;}
.cont.list .listCon .item a.more:where(:hover, :focus){background: #099de8; border-color: #099de8; color: #fff;}
.cont.list .listCon .item p{/*display: flex; gap: 25px; */font-size: 16px; line-height: 16px; font-weight: bold;}
/* .cont.list .listCon .item p::before{display: block; content:""; width: 10px; height: 8px;}
.cont.list .listCon .item p.blue_deco::before{background-color: #0090e6;}
.cont.list .listCon .item p.green_deco::before{background-color: #0dcb67;}
.cont.list .listCon .item p.orange_deco::before{background-color: #f98c00;} */

.citizen_arrow { width: 22px;height: 63px; margin: 0 auto;}
.citizen_arrow.green {background: url( ../images/esg/arrow_green.png ) center no-repeat;}
.citizen_arrow.gray { background: url( ../images/esg/arrow_gray.png ) center no-repeat;}

/* 230525 기업시민 페이지 추가 */
#citizen_kv { height: 100vh; color: #fff; }
#citizen_kv .tit .t1 { font-size: 22px; font-weight: 500; line-height: 1; margin-bottom: 30px; }
#citizen_kv .tit .t2 { font-size: 58px; font-weight: 600; line-height: 1.25; margin-top: 5px;}
#citizen_kv .viewMore { position: absolute; bottom: 40px; left: 50%; z-index: 1; display: inline-flex; flex-direction: column; align-items: center; transform: translateX(-50%); font-size: 20px; font-weight: 300; }
#citizen_kv .viewMore:after { content: ''; width: 14px; height: 14px; box-sizing: border-box; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); margin-top: 5px; }
#citizen_kv .bg .img { height: 120%; transition: height 7s; }
#approach_kv.is-show .bg .img { height: 100%; }

#cc_sec_02 .inner .cont.line { width: 100%; box-sizing: border-box; padding: 45px 150px; border: 2px solid #d3d3d3; border-radius: 46px;}
#cc_sec_02 .inner .cont.blue { width: 100%; box-sizing: border-box; padding: 45px 100px;  border-radius: 46px; background-color: #00578a; color: #fff!important; font-size: 24px; border: none;}
#cc_sec_02 .inner .cont_wrap {/* 240701 삭제 display: flex; gap: 40px; */}
#cc_sec_02 .inner .icon_wrap { width: 126px; height: 126px; box-sizing: border-box; border-radius: 100%; border: 2px solid #d3d3d3; flex: none;}

#cc_sec_02 .inner .cont div:first-child .icon_wrap {background: url( ../images/esg/citizen_icon1.png ) center no-repeat; }
#cc_sec_02 .inner .cont div:nth-child(2) .icon_wrap {background: url( ../images/esg/citizen_icon2.png ) center no-repeat; }

#cc_sec_02 .inner .cont .cont_tit { font-size: 24px; color: #00578a; font-weight: bold;}
#cc_sec_02 .inner .cont .cont_txt { font-size: 20px; line-height: 1.5;}
#cc_sec_02 .box_tit {font-size: 26px; color:#666; display: flex; align-items: center; gap: 15px;padding-left: 150px;}
#cc_sec_02 .box_tit .icon{width: 66px; height: 66px; background: url( ../images/esg/citizen_icon3.png ) center no-repeat;}

#cc_sec_03 .listTxt{font-size: 24px; text-align: center;}
#cc_sec_03 dl{display: flex; width: 100%;margin-top: 40px;}
#cc_sec_03 dt{width: 185px; font-size: 26px; flex: none; display: flex; align-items: center;}
#cc_sec_03 dl.top dt{align-items: flex-end; margin-bottom: 20px; }
#cc_sec_03 dl.top dd{
  font-size: 44px; 
  color: #00578a; 
  font-weight: bold;
  background-image: url(../images/esg/img_concept_bg.png); 
  background-size: 100% 100%; 
  background-repeat: no-repeat;
  height: 217px;
  line-height: 350px;
}
#cc_sec_03 dl.top dd p{font-size: 29px;}
#cc_sec_03 dl.top dd span{color: #f38b00;font-size: 44px;}
#cc_sec_03 dl dd{width:100%; display: flex; justify-content: center;}
#cc_sec_03 dl dd > p{font-size: 29px;}

#cc_sec_03 dl dd > span,
#cc_sec_03 dl dd > strong,
#cc_sec_03 dl dd p > span{font-size: 38px;font-weight: bold;}

#cc_sec_03 dl dd.gap{gap: 120px;}
#cc_sec_03 dl:first-child{margin-top: 0px;}
#cc_sec_03 dl.case01 dd{border-radius: 25px; padding: 15px 0; }
#cc_sec_03 dl.case01 dd .img{position: relative;font-size: 35px; color: #0f5a8b;font-weight: bold;letter-spacing: -2px; font-family: 'Noto Sans KR';}
#cc_sec_03 dl.case01 dd .img::before{
  content: '';
  width: 56px;
  display: block;
  background-image: url(../images/esg/with_posco_w.png );
  background-repeat: no-repeat;
  position: absolute;
  left: -1.8em;
  top: 5px;
  bottom: 0;
  margin: auto;}
#cc_sec_03 dl.case02 dd>ul{width: 100%; display: flex; gap: 35px;}
#cc_sec_03 dl.case02 dd>ul>li{width:100%; padding: 45px 30px; border: 2px solid #d3d3d3; border-radius: 46px; display: flex; gap: 20px;flex-direction: column; align-items: center;    justify-content: space-between;}
#cc_sec_03 dl.case02 dd>ul>li.case span{text-align: center; font-size: 35px; font-weight: 500;}
#cc_sec_03 dl.case02 dd>ul>li:first-child.case span{color: #229dc9;}
#cc_sec_03 dl.case02 dd>ul>li:nth-child(2).case span{color: #47a85b;}
#cc_sec_03 dl.case02 dd>ul>li:nth-child(3).case span{color: #f06e00;}
#cc_sec_03 dl.case02 dd>ul>li.case span::before{
  content: '';
  display: block;
  width: 118px;
  height: 118px;
  margin: 0 auto 25px;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
}
#cc_sec_03 dl.case02 dd>ul>li:nth-child(1).case span::before{background-color: #229dc9;background-image: url(../images/esg/business.png);}
#cc_sec_03 dl.case02 dd>ul>li:nth-child(2).case span::before{background-color: #47a85b;background-image: url(../images/esg/society.png);}
#cc_sec_03 dl.case02 dd>ul>li:nth-child(3).case span::before{background-color: #f06e00;background-image: url(../images/esg/peple.png);}
#cc_sec_03 dl.case02 dd>ul>li p{text-align: center; font-size: 24px;}

#cc_sec_03 dl.case02 dd>ul>li p strong{font-size: 28px;}
#cc_sec_03 dl.case02 dd>ul>li li{font-size: 21px;}
#cc_sec_03 dl.case02 dd>ul>li li{position: relative;}
#cc_sec_03 dl.case02 dd>ul>li li:before{
  content: '';
  display: block;
  position: absolute;
  left: -12px;
  top: 14px;
  width: 2px;
  height: 2px;
  margin: auto;
  background-color: #333;
}