@charset "utf-8";
.pc-view {display: block !important}
.mo-view {display: none !important}
/* 768 */
@media screen and (max-width: 768px) {
	input, textarea, body {font-size: 25px;font-size: 3.33333333vw}
	input, textarea, button {-webkit-appearance: none;-moz-appearance: none;appearance: none}
	input, textarea, button, select {-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0}
	.pc-view {display: none !important}
	.mo-view {display: block !important}
	#wrap::-webkit-scrollbar {display: inherit}
	#site-header {height: 130px !important;height: 17.33333333vw !important}
	#site-header > .inner {width: 92%}
	#site-header .logo a {width: 150px !important;width: 20vw !important;height: 60px !important;height: 8vw !important}
	#site-header .menu, #site-header .lang, #site-header .withPosco {display: none}
	#site-header .menu, #site-header .lang, #site-header .poscogroup_ci {display: none}
	#site-header .navBtn {margin-left: 0}
	#site-header .navBtn .menu_btn {width: 50px;width: 6.66666667vw;height: 50px;height: 6.66666667vw;background-color: transparent;font-size: 0}
	#site-header .navBtn .menu_btn .line {width: 53px;width: 7.06666667vw;height: 33px;height: 4.4vw}
	#site-header .navBtn .menu_btn .line span {background-color: #000;height: 3px;height: 0.4vw}
	#site-header .navBtn .menu_btn .line span + span {margin-top: 12px;margin-top: 1.6vw}
	#site-header.main {background-color: transparent}
	#site-header.main .logo a {background: url(../images/common/site-logo-w.svg) center no-repeat;background-size: 100%}
	#site-header.main .navBtn .menu_btn .line span {background-color: #fff}
	#site-header.scrollDown {background-color: #fff !important}
	#site-header.scrollDown .logo a {background: url(../images/common/site-logo.svg) center no-repeat;background-size: 100%}
	#site-header.scrollDown .navBtn .menu_btn .line span {background-color: #000 !important}
	/*body.openGnb #site-header .navBtn .menu_btn .line:before { display: none; }
	body.openGnb #site-header .navBtn .menu_btn .line span.line_01 { top: 50%; .mt(-2.5); transform: rotate(-45deg); }
	body.openGnb #site-header .navBtn .menu_btn .line span.line_02 { top: 50%; .mt(-2.5); transform: rotate(45deg); }*/

	#site-nav {width: 90%;background-color: #fff;opacity: 1;transform: translateX(100%);-webkit-transition: visibility 0.35s cubic-bezier(0.33, 1, 0.68, 1), transform 0.35s cubic-bezier(0.33, 1, 0.68, 1);transition: visibility 0.35s cubic-bezier(0.33, 1, 0.68, 1), transform 0.35s cubic-bezier(0.33, 1, 0.68, 1)}
	#site-nav > .inner {flex-direction: column}
	#site-nav .top {width: 100%;height: 130px;height: 17.33333333vw;display: flex;align-items: center;padding: 0px 40px;padding: 0vw 5.33333333vw;background-color: #222}
	#site-nav .top .logo {display: block;width: 139px;width: 18.53333333vw;height: 68px;height: 9.06666667vw;font-size: 0;background: url(../images/common/site-logo-w.svg) center no-repeat}
	#site-nav .top .lang {display: flex}
	#site-nav .top .lang li + li {margin-left: 12px;margin-left: 1.6vw}
	#site-nav .top .lang li a {width: 105px;width: 14vw;height: 55px;height: 7.33333333vw;display: flex;text-align: center;align-items: center;justify-content: center;border: 1px solid #666;font-size: 26px;font-size: 3.46666667vw;color: #666;font-family: 'Metropolis-Regular', sans-serif;box-sizing: border-box}
	#site-nav .top .lang li.active a {color: #fff;border-color: #fff}
	#site-nav .top .withPosco {display: block;flex-grow: 1;padding-right: 40px;padding-right: 5.33333333vw}
	#site-nav .top .withPosco .img {margin-left: auto;width: 186px;width: 24.8vw;height: 36px;height: 4.8vw;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../images/common/with_posco_w.png);margin-right: 100px;margin-right: 13.33333333vw}
	#site-nav .top .poscogroup_ci {display: block;flex-grow: 1;padding-right: 40px;padding-right: 5.33333333vw}
	#site-nav .top .poscogroup_ci .img { display: block; margin-left: auto;width: 186px;width: 16.8vw;height: 36px;height: 4.8vw;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../images/common/poscogroup_ci.png);margin-right: 100px;margin-right: 13.33333333vw}
	#vision2_sec_04 .secObj{border:0;}
	#site-nav .visual {display: none}
	#site-nav .menu {padding-top: 40px;padding-top: 5.33333333vw;align-items: unset;height: 100%}
	#site-nav .menu > ul {width: 100%;margin: 0;padding: 0;flex-direction: column}
	#site-nav .menu > ul > li {width: 100%;padding: 0;margin: 0;border: 0}
	#site-nav .menu > ul > li > a {display: block;background-color: #fff;font-size: 32px;font-size: 4.26666667vw;height: 120px;height: 16vw;position: relative;padding: 30px 50px;padding: 4vw 6.66666667vw;border: 0;display: flex;align-items: center;justify-content: space-between}
	#site-nav .menu > ul > li > a:not([target]):after {content: '';width: 20px;width: 2.66666667vw;height: 20px;height: 2.66666667vw;border-bottom: 2px solid #969ba8;border-right: 2px solid #969ba8;box-sizing: border-box;transform: rotate(45deg)}
	#site-nav .menu > ul > li > a[target]:after {width: 32px;width: 4.26666667vw;height: 32px;height: 4.26666667vw}
	#site-nav .menu > ul > li > .depth2 {display: none;margin-top: 0;padding: 30px 80px;padding: 4vw 10.66666667vw;background-color: #fafafa}
	#site-nav .menu > ul > li > .depth2 > ul > li {margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#site-nav .menu > ul > li > .depth2 > ul > li + li {margin-top: 0}
	#site-nav .menu > ul > li > .depth2 > ul > li > a {font-size: 28px;font-size: 3.73333333vw;color: #666}
	#site-nav .menu > ul > li.active > a {background-color: transparent;color: #00a2e1}
	#site-nav .menu > ul > li.active > a:not([target]):after {transform: rotate(225deg);border-color: #545454;margin-top: 20px;margin-top: 2.66666667vw}
	#site-nav .menu > ul > li.active > .depth2 {display: block}
	body.openGnb #site-nav {transform: translateX(0%)}
	#site-nav .closeBtn {width: 70px;width: 9.33333333vw;height: 70px;height: 9.33333333vw;top: 25px;top: 3.33333333vw;right: 20px;right: 2.66666667vw;background-color: transparent}

	#site-body {padding-top: 120px;padding-top: 16vw}
	#site-body.main {padding-top: 0}

	#site-footer {background-color: #484849}
	#site-footer > .inner {width: 90%;padding: 50px 0px;padding: 6.66666667vw 0vw;flex-direction: column}
	#site-footer .logo {display: none}
	#site-footer .mid .menu {flex-wrap: wrap;margin-bottom: 0px;margin-bottom: 0vw}
	#site-footer .mid .menu > li {margin-bottom: 30px;margin-bottom: 4vw}
	#site-footer .mid .menu > li > a {color: #b5b5b6}
	#site-footer .mid .menu > li.em > a {color: #fff}
	#site-footer .mid .info {padding-left: 200px;padding-left: 26.66666667vw;border-top: 1px solid #606061;padding-top: 30px;padding-top: 4vw;position: relative}
	#site-footer .mid .info:before {content: '';width: 105px;width: 14vw;height: 51px;height: 6.8vw;position: absolute;top: 50px;top: 6.66666667vw;left: 12px;left: 1.6vw;background: url(../images/common/footer-logo-m.png) no-repeat center;background-size: contain}
	#site-footer .mid .copy {padding-left: 200px;padding-left: 26.66666667vw}
	#site-footer .mid .info > li {font-size: 22px;font-size: 2.93333333vw}
	#site-footer .mid .copy {font-size: 22px;font-size: 2.93333333vw}
	#site-footer .select .group_select {width: 100%;margin-top: 40px;margin-top: 5.33333333vw}
	#site-footer .select .group_select > a {background-color: #363636;border: 0;color: #fff;padding: 0px 30px;padding: 0vw 4vw;background-position: top 20px right 20px;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(255, 255, 255)' 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 .top {flex-wrap: wrap;padding: 0;padding-bottom: 60px;padding-bottom: 8vw}
	#site-footer .top .logo {display: none}
	#site-footer .top .menu {flex-wrap: wrap;width: auto;margin: -20px;margin: -2.66666667vw;margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#site-footer .top .menu > li {padding: 20px;padding: 2.66666667vw}
	#site-footer .top .menu > li + li:before {display: none}
	#site-footer .top .menu > li > a {font-size: 24px;font-size: 3.2vw}
	#site-footer .top .select {width: 100%;align-items: center;justify-content: center}
	#site-footer .top .select > select {width: 100%;height: 80px;height: 10.66666667vw;line-height: 80px;line-height: 10.66666667vw;font-size: 25px;font-size: 3.33333333vw;background-position: top 16px right 21px}
	#site-footer .top .select > button {height: 80px;height: 10.66666667vw}
	#site-footer .top .select {position: static}
	#site-footer .bot {padding: 0;padding-top: 40px;padding-top: 5.33333333vw;padding-left: 200px;padding-left: 26.66666667vw;position: relative}
	#site-footer .bot .logo {display: block;position: absolute;top: 50px;top: 6.66666667vw;left: 15px;left: 2vw}
	#site-footer .bot .logo img {width: 120px;width: 16vw}
	#site-footer .bot .info > li {font-size: 22px;font-size: 2.93333333vw}
	#site-footer .bot .copy {font-size: 22px;font-size: 2.93333333vw}

	/* Quick Menu */
	#quickmenu {display: none}
	.page-section {padding: 50px 0px;padding: 6.66666667vw 0vw}
	.page-section:first-child {padding-top: 80px;padding-top: 10.66666667vw}
	.page-section:last-child {padding-bottom: 120px;padding-bottom: 16vw}
	.row {flex-direction: column}
	.row > [class*='col_'] {width: 100%}
	.secHead {margin-bottom: 30px;margin-bottom: 4vw}
	.secTitle {font-size: 35px;font-size: 4.66666667vw;padding: 0}
	.secTitle.h2 {font-size: 25px;font-size: 3.33333333vw}
	.secText {font-size: 26px;font-size: 3.46666667vw}
	.secText > li {padding-left: 20px;padding-left: 2.66666667vw;text-indent: -20px;text-indent: -2.66666667vw}
	.secText ul > li {font-size: 26px;font-size: 3.46666667vw}
	.bigSizeObj {overflow-x: auto}
	.bigSizeObj img {max-width: 1400px;max-width: 186.66666667vw}

	/* Form Type */
	.ipt {height: 60px;height: 8vw;padding: 0px 15px;padding: 0vw 2vw}
	.ipt.datepicker {padding-right: 60px;padding-right: 8vw;-webkit-background-size: 26px;background-size: 26px;-webkit-background-size: 3.46666667vw;background-size: 3.46666667vw;width: 200px;width: 26.66666667vw}
	select.ipt {padding-right: 60px;padding-right: 8vw}
	.ipt_group > * + * {margin-left: 10px;margin-left: 1.33333333vw}

	/* Borad Style */
	.board_cate {margin-bottom: 50px;margin-bottom: 6.66666667vw}
	.board_cate > li {height: 60px;height: 8vw}
	.board_cate > li a {line-height: 58px;line-height: 7.73333333vw}
	.board_list_head {flex-direction: column;margin-bottom: 30px;margin-bottom: 4vw}
	.board_list_head > * + * {margin-top: 10px;margin-top: 1.33333333vw}
	.board_list_head .searchBtn {min-width: 60px;min-width: 8vw;height: 60px;height: 8vw;padding: 0px 20px;padding: 0vw 2.66666667vw;line-height: 60px;line-height: 8vw;font-size: 0}
	.board_list > li {padding: 30px;padding: 4vw;flex-direction: column}
	.board_list > li > * {width: auto !important;padding: 0 !important}
	.board_list > li > * + * {margin-top: 20px;margin-top: 2.66666667vw}
	.board_list > li > .num {display: none}
	.board_list_more {margin-top: 60px;margin-top: 8vw}
	.board_list_more .btn {width: 180px;width: 24vw;height: 60px;height: 8vw;padding: 0px 27px;padding: 0vw 3.6vw;-webkit-background-size: 8px;background-size: 8px;-webkit-background-size: 1.06666667vw;background-size: 1.06666667vw;background-position: center right 15px}
	.borad_pagination {margin-top: 60px;margin-top: 8vw}
	.borad_pagination .num a {width: 50px;width: 6.66666667vw;height: 50px;height: 6.66666667vw;line-height: 50px;line-height: 6.66666667vw}
	.borad_pagination .prev a {margin-right: 30px;margin-right: 4vw}
	.borad_pagination .next a {margin-left: 30px;margin-left: 4vw}
	.borad_pagination .start a, .borad_pagination .end a, .borad_pagination .prev a, .borad_pagination .next a {width: 40px;width: 5.33333333vw;height: 40px;height: 5.33333333vw}
	.board_view_head {flex-direction: column;padding: 30px;padding: 4vw}
	.board_view_head > * {margin-right: 0 !important}
	.board_view_head > * + * {margin-top: 10px;margin-top: 1.33333333vw}
	.board_view_head > .class {position: absolute;top: 25px;top: 3.33333333vw;right: 30px;right: 4vw;margin-top: 0}
	.board_view_head > .title {font-size: 22px;font-size: 2.93333333vw}
	.board_view_cont {padding: 60px 40px;padding: 8vw 5.33333333vw}
	.board_view_cont .viewOrigin {margin-top: 120px;margin-top: 16vw}
	.board_view_cont .viewOrigin .link:after {width: 15px;width: 2vw;height: 15px;height: 2vw}
	.board_view_page {margin-top: 30px;margin-top: 4vw}
	.board_view_page .h {padding: 20px 0px;padding: 2.66666667vw 0vw}
	.board_view_page .t {padding: 20px 40px;padding: 2.66666667vw 5.33333333vw}
	.board_view_foot {text-align: center}
	.board_view_foot .btn {min-width: 170px;min-width: 22.66666667vw;height: 60px;height: 8vw;line-height: 58px;line-height: 7.73333333vw}

	/* News Layout */
	.news-list {margin: -25px;margin: -3.33333333vw}
	.news-list .news-item {padding: 25px;padding: 3.33333333vw}
	.news-list.col2 > .news-item {width: 100%}
	.news-list.col3 > .news-item {width: 100%}
	.news-item-article .cont {padding: 35px;padding: 4.66666667vw;padding-bottom: 50px;padding-bottom: 6.66666667vw}
	.news-item-article .cont .cate {font-size: 22px;font-size: 2.93333333vw;padding: 0px 25px;padding: 0vw 3.33333333vw}
	.news-item-article .cont .date {font-size: 22px;font-size: 2.93333333vw}
	.news-item-article .cont * + .tit {margin-top: 20px;margin-top: 2.66666667vw}
	.news-item-article .cont .tit {line-height: 50px;line-height: 6.66666667vw;height: 100px;height: 13.33333333vw}
	.news-item-article .cont .tit > * {font-size: 35px;font-size: 4.66666667vw}
	.news-item-article .cont .txt {font-size: 26px;font-size: 3.46666667vw;margin-top: 30px;margin-top: 4vw;line-height: 40px;line-height: 5.33333333vw;height: 80px;height: 10.66666667vw}
	.news-item-article .cont .tag {margin-top: 30px;margin-top: 4vw}
	.news-item-article .cont .tag span {font-size: 22px;font-size: 2.93333333vw;margin-right: 15px;margin-right: 2vw}
	.news-item-article .cont .tag dl > dd {font-size: 22px;font-size: 2.93333333vw}
	.news-item-article .cont .tag dl {margin-left: 15px;margin-left: 2vw}
	.news-item-article .cont .date {margin-top: 30px;margin-top: 4vw}

	.news-list.type2 .news-item-article .cont {padding: 20px 50px;padding: 2.66666667vw 6.66666667vw}
	.news-list.type2 .news-item-article .cont .cate {font-size: 16px;font-size: 2.13333333vw;line-height: 33px;line-height: 4.4vw;height: 35px;height: 4.66666667vw;padding: 0px 15px;padding: 0vw 2vw}
	.news-list.type2 .news-item-article .cont .tit {line-height: 40px;line-height: 5.33333333vw;height: 80px;height: 10.66666667vw;margin-top: 10px;margin-top: 1.33333333vw}
	.news-list.type2 .news-item-article .cont .tit > * {font-size: 30px;font-size: 4vw}
	.news-list.type2 .news-item-article .cont .date {margin-top: 20px;margin-top: 2.66666667vw}
	.news-list.type3:before {margin: 0px 20px;margin: 0vw 2.66666667vw;margin-bottom: 20px;margin-bottom: 2.66666667vw}
	.news-list.type3 > .news-item {margin-bottom: 20px;margin-bottom: 2.66666667vw}
	.news-list.type3 .news-item:after {margin-top: 20px;margin-top: 2.66666667vw}
	.news-list.type3 .news-item-article .cont {padding: 25px 50px;padding: 3.33333333vw 6.66666667vw;padding-right: 25px;padding-right: 3.33333333vw}
	.news-list.type3 .news-item-article .cont .cate {font-size: 22px;font-size: 2.93333333vw}
	.news-list.type3 .news-item-article .cont .tit {height: 72px;height: 9.6vw;overflow: hidden}
	.news-list.type3 .news-item-article .cont .tit > * {font-size: 26px;font-size: 3.46666667vw;line-height: 35px;line-height: 4.66666667vw}
	.news-list.type4 .news-item-article {flex-direction: column}
	.news-list.type4 .news-item-article .img {width: 100%}
	.news-list.type4 .news-item-article .img > div {position: static;height: 0;padding-top: 56.23%}
	.news-list.type4 .news-item-article .cont {width: 100%;padding: 35px;padding: 4.66666667vw;padding-bottom: 50px;padding-bottom: 6.66666667vw}
	.news-list.type4 .news-item-article .cont .tit {line-height: 50px;line-height: 6.66666667vw;height: 100px;height: 13.33333333vw}
	.news-list.type4 .news-item-article .cont .tit > * {font-size: 35px;font-size: 4.66666667vw}
	.news-list.type4 .news-item-article .cont .date {margin-top: 30px;margin-top: 4vw}
	.news-list.type5:before {margin: 0px 36px;margin: 0vw 4.8vw;margin-bottom: 20px;margin-bottom: 2.66666667vw}
	.news-list.type5 > .news-item {margin-bottom: 20px;margin-bottom: 2.66666667vw}
	.news-list.type5 .news-item:after {margin-top: 20px;margin-top: 2.66666667vw}
	.news-list.type5 .news-item-article {flex-direction: column}
	.news-list.type5 .news-item-article .img {width: 100%}
	.news-list.type5 .news-item-article .img > div {position: static;height: 0;padding-top: 56.23%}
	.news-list.type5 .news-item-article .cont {width: 100%;padding: 35px 0px;padding: 4.66666667vw 0vw;padding-bottom: 50px;padding-bottom: 6.66666667vw}
	.news-list.type5 .news-item-article .cont .tit {line-height: 50px;line-height: 6.66666667vw;height: 100px;height: 13.33333333vw}
	.news-list.type5 .news-item-article .cont .tit > * {font-size: 35px;font-size: 4.66666667vw}

	[id*='newsroom_sec_'] .newsroom_head {margin-bottom: 20px;margin-bottom: 2.66666667vw}
	[id*='newsroom_sec_'] .newsroom_head .title {font-size: 32px;font-size: 4.26666667vw}
	[id*='newsroom_sec_'] .newsroom_head .link {font-size: 25px;font-size: 3.33333333vw}
	[id*='newsroom_sec_'] .swiper-pagination {position: static;margin-top: 20px;margin-top: 2.66666667vw;margin-bottom: 20px;margin-bottom: 2.66666667vw}
	[id*='newsroom_sec_'] .swiper-pagination-bullet {width: 14px;width: 1.86666667vw;height: 14px;height: 1.86666667vw;margin: 0px 12px;margin: 0vw 1.6vw;background-color: #222}
	#newsroom_sec_top {padding: 10% 0}
	#newsroom_sec_top > .inner {width: 80%}
	#newsroom_sec_top > .bg > .img {height: 120%}
	#newsroom_sec_top .newsroom_head {margin-bottom: 30px;margin-bottom: 4vw}
	#newsroom_sec_top .newsroom_head .title {font-size: 40px;font-size: 5.33333333vw;text-align: center}
	#newsroom_sec_top .swiper-pagination {position: static;margin-top: 40px;margin-top: 5.33333333vw;margin-bottom: 20px;margin-bottom: 2.66666667vw;text-align: center}
	#newsroom_sec_top .swiper-pagination-bullet {width: 14px;width: 1.86666667vw;height: 14px;height: 1.86666667vw;margin: 0px 12px;margin: 0vw 1.6vw}
	#newsroom_sec_top_slider .swiper-prev, #newsroom_sec_top_slider .swiper-next {display: none}
	#newsroom_sec_02 #newsroom_sec_02_slider .news-item-article .cont {padding-bottom: 50px;padding-bottom: 6.66666667vw}
	#newsroom_sec_02 #newsroom_sec_02_slider .swiper-arrow {display: none}
	#newsroom_sec_tv .news-list.type3:before {margin-bottom: 50px;margin-bottom: 6.66666667vw}
	#newsroom_sec_tv .news-item-article {flex-direction: column}
	#newsroom_sec_tv .news-item-article .img {width: 100%}
	#newsroom_sec_tv .news-item-article .cont {width: 100%;padding: 30px 15px;padding: 4vw 2vw}
	#newsroom_sec_tv .news-item-article .cont .tit {height: 70px;height: 9.33333333vw}
	#newsroom_sec_tv .news-item-article .cont .tit > * {font-size: 35px;font-size: 4.66666667vw}
	#newsroom_sec_tv .news-item-article .cont .txt {font-size: 26px;font-size: 3.46666667vw;margin-top: 30px;margin-top: 4vw;height: 50px}
	#newsroom_sec_tv .news-item-article .cont .date {margin-top: 40px;margin-top: 5.33333333vw}
	#newsroom_sec_list .newsroom_head {flex-wrap: wrap}
	#newsroom_sec_list .newsroom_head .title {width: 100%;font-size: 32px;font-size: 4.26666667vw}
	#newsroom_sec_list .newsroom_head .search {width: 100%;margin-top: 20px;margin-top: 2.66666667vw}
	#newsroom_sec_list .newsroom_head .search select {width: 100%;height: 90px;height: 12vw}
	#newsroom_sec_list .newsroom_head .search input {width: 100%;padding-right: 100px;padding-right: 13.33333333vw;font-size: 24px;font-size: 3.2vw;height: 90px;height: 12vw;margin-top: 10px;margin-top: 1.33333333vw}
	#newsroom_sec_list .newsroom_head .search button {width: 90px;width: 12vw;height: 90px;height: 12vw;top: auto;bottom: 0}

	/* Table Board */
	.tb_top {margin-bottom: 20px;margin-bottom: 2.66666667vw}
	.tb_table .tb_head {display: none}
	.tb_table .date {text-align: left}
	.tb_table .state {text-align: left}
	.tb_table .tb_list > ul > li > a {flex-direction: column;align-items: flex-start;height: auto;padding: 30px 10px;padding: 4vw 1.33333333vw;position: relative}
	.tb_table .tb_list > ul > li > a > * {padding: 0;width: auto !important}
	.tb_table .tb_list .class {margin-bottom: 20px;margin-bottom: 2.66666667vw}
	.tb_table .tb_list .class span {margin: 0;width: 125px;width: 16.66666667vw;height: 50px;height: 6.66666667vw;font-size: 22px;font-size: 2.93333333vw}
	.tb_table .tb_list .title {margin-bottom: 30px;margin-bottom: 4vw}
	.tb_table .tb_list .state {position: absolute;top: 30px;top: 4vw;right: 10px;right: 1.33333333vw}
	.tb_table .tb_list .date .d_day {width: 75px;width: 10vw;height: 45px;height: 6vw;line-height: 45px;line-height: 6vw}
	.tb_view .tb_head {padding: 40px;padding: 5.33333333vw}
	.tb_view .tb_head .class {margin-bottom: 30px;margin-bottom: 4vw}
	.tb_view .tb_head .class span {width: 125px;width: 16.66666667vw;height: 50px;height: 6.66666667vw;font-size: 22px;font-size: 2.93333333vw}
	.tb_view .tb_head .title {font-size: 35px;font-size: 4.66666667vw;margin-bottom: 30px;margin-bottom: 4vw}
	.tb_view .tb_head .date .d_day {width: 75px;width: 10vw;height: 45px;height: 6vw;line-height: 45px;line-height: 6vw}
	.tb_view .tb_content {padding-left: 25px;padding-left: 3.33333333vw;padding-right: 25px;padding-right: 3.33333333vw;padding-top: 70px;padding-top: 9.33333333vw;padding-bottom: 100px;padding-bottom: 13.33333333vw}
	.tb_view .tb_foot .view_prevnext > * {flex-direction: column;padding: 35px;padding: 4.66666667vw}
	.tb_view .tb_foot .view_prevnext .h {padding: 0;text-align: left;width: 100%;margin-bottom: 25px;margin-bottom: 3.33333333vw;font-size: 24px;font-size: 3.2vw}
	.tb_view .tb_foot .view_prevnext .t {padding: 0}
	.tb_view .tb_foot .view_prevnext .t:before {display: none}
	.tb_view .tb_foot .view_prevnext .prev .h:after {margin-left: 20px;margin-left: 2.66666667vw}
	.tb_view .tb_foot .view_prevnext .next .h:after {margin-left: 20px;margin-left: 2.66666667vw}
	.tb_view .tb_foot .view_list {padding: 80px 0px;padding: 10.66666667vw 0vw}
	.tb_view .tb_foot .view_list a {width: 100%;height: 100px;height: 13.33333333vw}

	/* Inquiry_Form */
	#inquiry_form {padding-top: 120px;padding-top: 16vw;padding-bottom: 120px;padding-bottom: 16vw}
	* + #inquiry_form {padding-top: 0}
	#inquiry_form .form_head {margin-bottom: 30px;margin-bottom: 4vw}
	#inquiry_form .form_head .tit {font-size: 35px;font-size: 4.66666667vw}
	#inquiry_form .form_head .req {font-size: 24px;font-size: 3.2vw}
	#inquiry_form .form_table th {display: block;padding: 40px 20px;padding: 5.33333333vw 2.66666667vw;padding-top: 30px;padding-top: 4vw;border-bottom: 0;padding-bottom: 0;font-size: 28px;font-size: 3.73333333vw}
	#inquiry_form .form_table td {display: block;padding: 40px 20px;padding: 5.33333333vw 2.66666667vw;padding-top: 15px;padding-top: 2vw}
	#inquiry_form .form_table.read td {padding: 40px 20px;padding: 5.33333333vw 2.66666667vw}
	#inquiry_form .form_table .ipt {font-size: 28px;font-size: 3.73333333vw}
	#inquiry_form .form_table .em {font-size: 24px;font-size: 3.2vw;margin-top: 10px;margin-top: 1.33333333vw;display: block}
	#inquiry_form .form_btn .btn {font-size: 32px;font-size: 4.26666667vw;width: 400px;width: 53.33333333vw;height: 100px;height: 13.33333333vw;line-height: 100px;line-height: 13.33333333vw}
	#inquiry_form .fileUpload {flex-direction: column}
	#inquiry_form .fileUpload .btn label {width: 200px;width: 26.66666667vw;height: 80px;height: 10.66666667vw}
	#inquiry_form .fileUpload .fileList {padding: 0;padding-top: 40px;padding-top: 5.33333333vw;margin-left: 0;margin-right: 20px;margin-right: 2.66666667vw}
	#inquiry_form .fileUpload .fileList li + li {margin-left: 40px;margin-left: 5.33333333vw}
	#inquiry_form .fileUpload .fileList li button {width: 40px;width: 5.33333333vw;height: 40px;height: 5.33333333vw}
	#inquiry_form .fileUpload .fileSize {position: absolute;top: 0;right: 0;padding-top: 20px;padding-top: 2.66666667vw}
	#inquiry_form .fileUpload .fileSize > div {font-size: 24px;font-size: 3.2vw}
	#inquiry_form .fileUpload .fileSize span {margin-left: 30px;margin-left: 4vw}

	/* Main */
	#main-top-visual {width: 100%;height: 100vh;position: relative}
	#main-top-visual:after {display: none}
	#main-top-visual .text {justify-content: flex-end;padding-top: 20%;padding-bottom: 220px;padding-bottom: 29.33333333vw}
	#main-top-visual .text > .inner {width: 84%}
	#main-top-visual .text .tit {font-size: 65px;font-size: 8.66666667vw;margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#main-top-visual .text .txt {font-size: 25px;font-size: 3.33333333vw}
	#main-top-visual .text .more {margin-top: 50px;margin-top: 6.66666667vw}
	#main-top-visual .text .more a {width: 300px;width: 40vw;height: 84px;height: 11.2vw;line-height: 84px;line-height: 11.2vw}
	#main-top-visual .text .more a span {font-size: 24px;font-size: 3.2vw}
	#main-top-visual .bg {width: 100%}
	#main-top-visual .swiper-prev, #main-top-visual .swiper-next {display: none}
	#main-top-visual .swiper-page {position: absolute;bottom: 80px;bottom: 10.66666667vw;left: 0;z-index: 1;width: 100%;display: flex;align-items: center;justify-content: center}
	#main-top-visual .swiper-page > .swiper-pagination-bullet {width: 20px;width: 2.66666667vw;height: 20px;height: 2.66666667vw;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-border-radius: 2.66666667vw;-moz-border-radius: 2.66666667vw;border-radius: 2.66666667vw;background-color: #fff;border: 0;padding: 0;opacity: 1}
	#main-top-visual .swiper-page > .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 30px;margin-left: 4vw}
	#main-top-visual .swiper-page > .swiper-pagination-bullet-active {width: 70px;width: 9.33333333vw;background-color: #00a2e1}
	#main-top-visual .swiper-page > li > div {display: none}
	.main-section {padding: 90px 0px;padding: 12vw 0vw}
	#main-contents .main_sec_head {margin-bottom: 90px;margin-bottom: 12vw}
	#main-contents .main_sec_head .tit {font-size: 50px;font-size: 6.66666667vw}
	#main-contents .main_sec_head .txt {font-size: 25px;font-size: 3.33333333vw;margin-top: 35px;margin-top: 4.66666667vw}
	#main_sec_01 .biz_list > li {flex-direction: column;margin-bottom: 100px;margin-bottom: 13.33333333vw}
	#main_sec_01 .biz_list > li + li {margin-top: 0}
	#main_sec_01 .biz_list > li .img {width: 100%}
	#main_sec_01 .biz_list > li .img:after {width: 107%;top: -40px;top: -5.33333333vw;left: -4%;background-size: contain}
	#main_sec_01 .biz_list > li .cont {padding-left: 25px;padding-left: 3.33333333vw;padding-right: 0;padding-top: 40px;padding-top: 5.33333333vw}
	#main_sec_01 .biz_list > li .cont .tit {font-size: 54px;font-size: 7.2vw;margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#main_sec_01 .biz_list > li .cont .txt1 {font-size: 35px;font-size: 4.66666667vw;margin-bottom: 30px;margin-bottom: 4vw}
	#main_sec_01 .biz_list > li .cont .txt2 {font-size: 25px;font-size: 3.33333333vw;margin-bottom: 70px;margin-bottom: 9.33333333vw}
	#main_sec_01 .biz_list > li:nth-child(even) .img {order: 0}
	#main_sec_01 .biz_list > li:nth-child(even) .img:after {bottom: -20px;bottom: -2.66666667vw;right: -5%}
	#main_sec_02 {padding: 50px 0px;padding: 6.66666667vw 0vw;background-image: url(../images/main/main_sec_02_bg_m.jpg)}
	#main_sec_02 > .inner {flex-direction: column}
	#main_sec_02 .main_sec_head {margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#main_sec_02 .ir_stock {width: 90%;margin: 0 auto}
	#main_sec_02 .ir_stock > div {width: 100%;justify-content: center}
	#main_sec_02 .ir_stock > div + div {margin-left: 70px;margin-left: 9.33333333vw}
	#main_sec_02 .ir_stock > div > span {font-size: 25px;font-size: 3.33333333vw;width: auto}
	#main_sec_02 .ir_stock > div > span + span {margin-left: 40px;margin-left: 5.33333333vw}
	#main_sec_02 .ir_stock > div > div {font-size: 75px;font-size: 10vw;margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#main_sec_02 .ir_stock > div > ul {width: auto}
	#main_sec_02 .ir_stock > div > ul > li {width: 100%}
	#main_sec_02 .ir_stock > div > ul > li > span {font-size: 22px;font-size: 2.93333333vw}
	#main_sec_03 .subSec .t1 {font-size: 34px;font-size: 4.53333333vw;margin-bottom: 35px;margin-bottom: 4.66666667vw}
	#main_sec_03 .subSec .t2 {font-size: 42px;font-size: 5.6vw;margin-bottom: 70px;margin-bottom: 9.33333333vw}
	#main_sec_03 .subSec .btn {width: 500px;width: 66.66666667vw}
	#main_sec_news {padding-top: 0}
	#main_sec_news > .inner {flex-direction: column}
	#main-contents .main_sec_head {width: 100%;margin-bottom: 60px;margin-bottom: 8vw}

	/* Sub Page */
	#page-top-visual {height: 450px;height: 60vw}
	#page-top-visual:after {display: none}
	#page-top-visual .text .tit {font-size: 65px;font-size: 8.66666667vw;margin-bottom: 20px;margin-bottom: 2.66666667vw;line-height: 1.25}
	#page-top-visual .text .txt {font-size: 22px;font-size: 2.93333333vw}
	#page-top-visual .text .loc > li {font-size: 22px;font-size: 2.93333333vw}
	#sub-menu {margin-top: 0;height: 115px;height: 15.33333333vw}
	#sub-menu > .inner {height: 115px;height: 15.33333333vw;overflow-y: scroll}
	#sub-menu ul {justify-content: normal}
	#sub-menu ul > li {width: 100%}
	#sub-menu ul > li + li {margin-left: 0}
	#sub-menu ul > li a {font-size: 28px;font-size: 3.73333333vw;padding: 0px 50px;padding: 0vw 6.66666667vw}

	/*#sub-menu { margin-top: 0; .h(110); }#sub-menu > .inner { background-color: #fff; .h(110); overflow-y: scroll; }#sub-menu ul { justify-content: flex-start; }#sub-menu ul > li a { .fz(30); color: #797979; }
	#sub-menu ul > li a br { display: none; }
	#sub-menu ul > li.active a { color: #00578a; font-weight: bold; border-bottom: 2px solid #00578a; .pa2(0,30); }*/

	.sub-page-head {padding-top: 100px;padding-top: 13.33333333vw;padding-bottom: 30px;padding-bottom: 4vw;text-align: center}
	.sub-page-head > .inner {width: 85%}
	.sub-page-head .title {font-size: 45px;font-size: 6vw}
	.sub-page-head .text {font-size: 26px;font-size: 3.46666667vw;margin-top: 50px;margin-top: 6.66666667vw}
	.sub-page-head .banner > div {padding: 50px 0px;padding: 6.66666667vw 0vw}
	.sub-page-head .fileList {flex-wrap: wrap}
	.sub-page-head .fileList > li a {min-width: 280px;min-width: 37.33333333vw;height: 85px;height: 11.33333333vw;padding: 0px 50px;padding: 0vw 6.66666667vw}
	.sub-page-head .fileList > li a:after {margin-left: 60px;margin-left: 8vw}
	.sub-page-head .tabMenu {margin: 0 -9%;margin-top: 70px;margin-top: 9.33333333vw}
	.sub-page-head .tabMenu > ul {border-bottom: 1px solid #bebebe;overflow-x: auto}
	.sub-page-head .tabMenu > ul > li {border-bottom: 0;position: relative}
	.sub-page-head .tabMenu > ul > li a {background-color: transparent;border-left: 0;padding: 0px 25px;padding: 0vw 3.33333333vw;white-space: nowrap}
	.sub-page-head .tabMenu > ul > li.active {border-left: 0;border-right: 0}
	.sub-page-head .tabMenu > ul > li.active:after {content: '';width: 100%;height: 3px;height: 0.4vw;background-color: #085cab;position: absolute;left: 0;bottom: 0}
	.sub-page-head .tabMenu > ul > li.active a {border-top: 0}
	.sub-page-banner > .inner {height: 260px;height: 48vw;}
	.sub-page-banner .text {font-size: 34px;font-size: 4.53333333vw;font-weight: bold}

	/* Vision */
	#vision1_sec_02 .secText,#vision1_sec_03 .secText {font-size: 34px;font-size: 4.53333333vw;line-height: 1.5;margin: 0}
	#vision1_sec_03 .secText .tit_s{font-size: 4.46666667vw;}
	#vision1_sec_03 .secText .txts_box .txt_s{font-size: 3.46666667vw;}
	#vision1_sec_03 .secText .txts_box div:nth-of-type(1), #vision1_sec_03 .secText .txts_box div:nth-of-type(3){text-align: center;}
	
	#vision1_sec_04 .secObj {flex-direction: column}
	#vision1_sec_04 .secObj > li {padding: 20px;padding: 2.66666667vw;height: auto;flex-direction: row;align-items: center}
	#vision1_sec_04 .secObj > li + li {border: 0}
	#vision1_sec_04 .secObj > li .ico {width: 80px;width: 10.66666667vw;height: 80px;height: 10.66666667vw;background-size: contain;margin-bottom: 20px;margin-bottom: 2.66666667vw;flex: none;margin-right: 50px;margin-right: 6.66666667vw}
	#vision1_sec_04 .secObj > li .tit {margin-bottom: 10px;margin-bottom: 1.33333333vw}
	#vision1_sec_04 .secObj > li .txt {font-size: 26px;font-size: 3.46666667vw}
	#vision1_sec_05 .secObj {flex-direction: column}
	#vision1_sec_05 .secObj > li {width: 520px;width: 69.33333333vw;height: 520px;height: 69.33333333vw;margin: -30px 0px;margin: -4vw 0vw;padding: 30px;padding: 4vw
	}#vision1_sec_06 .sloganBox {height: 190px;height: 25.33333333vw;font-size: 35px;font-size: 4.66666667vw}

	/* Greetings */
	#greetings_sec .cont {padding: 0;margin-top: 50px;margin-top: 6.66666667vw;margin-bottom: 60px;margin-bottom: 8vw;flex-direction: column}
	#greetings_sec .cont .tit {font-size: 40px;font-size: 5.33333333vw;margin-bottom: 70px;margin-bottom: 9.33333333vw;width: 100%;padding-right: 0}
	#greetings_sec .cont .txt {margin-bottom: 50px;margin-bottom: 6.66666667vw}
	#greetings_sec .cont .sign .t1 {margin-right: 20px;margin-right: 2.66666667vw}
	#greetings_sec .cont .sign .t2 {margin-right: 20px;margin-right: 2.66666667vw}
	#greetings_sec .cont .sign .img {width: 280px;width: 37.33333333vw}

	/* History */
	#history_sec .history_menu {margin-bottom: 80px;margin-bottom: 10.66666667vw}
	#history_sec .history_menu > ul {border: 0;border-bottom: 1px solid #bebebe}
	#history_sec .history_menu > ul > li {border: 0;position: relative}
	#history_sec .history_menu > ul > li a {font-size: 30px;font-size: 4vw;height: 90px;height: 12vw}
	#history_sec .history_menu > ul > li.active:after {content: '';width: 100%;height: 4px;height: 0.53333333vw;background-color: #085cab;position: absolute;left: 0;bottom: 0}
	#history_sec .history_menu > ul > li.active a {color: #085cab;background-color: transparent}
	#history_sec .history_list .group {flex-direction: column}
	#history_sec .history_list .group > .year .text {margin-bottom: 80px;margin-bottom: 10.66666667vw}
	#history_sec .history_list .group > ul {padding: 0;margin-top: 60px;margin-top: 8vw}
	#history_sec .history_list .group > ul > li + li {margin-top: 30px;margin-top: 4vw}
	#history_sec .history_list .group > ul > li > .date span {font-size: 26px;font-size: 3.46666667vw;width: 150px;width: 20vw}
	#history_sec .history_list .group > ul > li > .text > li {font-size: 26px;font-size: 3.46666667vw}

	/* CI */
	#ci_sec_01 .secBody {padding: 80px;padding: 10.66666667vw;align-items: flex-start}
	#ci_sec_01 .secBody .secObj {text-align: left;max-width: 200px;max-width: 26.66666667vw;margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#ci_sec_02 .secBody {flex-direction: column;margin-top: 80px;margin-top: 10.66666667vw}
	#ci_sec_02 .secBody .secTitle {font-size: 40px;font-size: 5.33333333vw;margin-bottom: 30px;margin-bottom: 4vw}
	#ci_sec_02 .secBody .objList {flex-direction: column;margin: 0}
	#ci_sec_02 .secBody .objList > li {padding: 0}
	#ci_sec_02 .secBody .objList > li + li {margin-top: 20px;margin-top: 2.66666667vw}
	[id*='ci_sec_'] .btnList {margin-top: 40px;margin-top: 5.33333333vw}
	[id*='ci_sec_'] .btnList > li {width: 100%}
	[id*='ci_sec_'] .btnList > li a {width: 100%}
	#ci_sec_03 .secObj {height: 350px;height: 46.66666667vw}
	#ci_sec_03 .secObj img {width: 300px;width: 40vw}

	/* Directions */
	#directions_sec .office_list {flex-direction: column}
	#directions_sec .office_list > li {width: 100%}
	#directions_sec .office_list > li .cont {padding: 60px;padding: 8vw}
	#directions_sec .office_list > li .cont .contact {flex-direction: column}

	/* HR */
	[id*='hr_sec_'] .secHead .secTitle:after {display: none}

	/* Biz */
	#ironMining1_sec .ironMining_list {margin-top: 80px;margin-top: 10.66666667vw}
	#ironMining1_sec .ironMining_list > li {padding-top: 80px;padding-top: 10.66666667vw;flex-direction: column;border: 0;padding-bottom: 0}
	#ironMining1_sec .ironMining_list > li:first-child {border-top: 1px solid #dcdcdc}
	#ironMining1_sec .ironMining_list > li .img {width: 100%;margin-bottom: 40px;margin-bottom: 5.33333333vw;margin-right: 0}
	#ironMining1_sec .ironMining_list > li dt {width: 145px;width: 19.33333333vw;padding: 20px 0px;padding: 2.66666667vw 0vw;margin-right: 40px;margin-right: 5.33333333vw}
	#ironMining1_sec .ironMining_list > li dd {padding: 20px;padding: 2.66666667vw}
	#ironMining1_sec .ironMining_list > li dd .row {flex-direction: row}
	#ironMining1_sec .ironMining_list > li dd .row.col4 > * {width: 50%}
	#ironMining1_sec .ironMining_list > li dd .row.col2 > * {width: 100%}

	#packaging_sec_01 .secHead {margin-bottom: 70px;margin-bottom: 9.33333333vw}
	#packaging_sec_01 .secBody {margin-top: 0;flex-direction: column}
	#packaging_sec_01 .secBody .img {width: 520px;width: 69.33333333vw;margin: 0 auto;margin-bottom: 60px;margin-bottom: 8vw}
	#packaging_sec_01 .secBody .cont {padding-right: 0}
	#packaging_sec_01 .secBody .cont .title {font-size: 40px;font-size: 5.33333333vw;margin-bottom: 30px;margin-bottom: 4vw}
	#packaging_sec_01 .secBody .cont .box {padding: 40px 45px;padding: 5.33333333vw 6vw}
	#packaging_sec_02 {padding: 50px 0px;padding: 6.66666667vw 0vw}
	#packaging_sec_02 .tabMenu {margin-bottom: 40px;argin-bottom: 5.33333333vw}
	#packaging_sec_02 .tabMenu > li a {height: 80px;height: 10.66666667vw;font-size: 26px;font-size: 3.46666667vw}
	#packaging_sec_02 [class*='tabCont_'] {padding: 45px;padding: 6vw;overflow-x: auto}
	#packaging_sec_02 [class*='tabCont_'] .contants {width: 1630px;width: 217.33333333vw}
	#packaging_sec_02 [class*='tabCont_'] .title {font-size: 22px;font-size: 2.93333333vw;padding-left: 25px;padding-left: 3.33333333vw;margin-bottom: 0}
	#packaging_sec_03 {padding: 50px 0px;padding: 6.66666667vw 0vw}
	#packaging_sec_03 .visual_banner {padding: 50px;padding: 6.66666667vw;padding-top: 220px;padding-top: 29.33333333vw;background-image: url(../images/biz/packaging_sec_03_banner_m.jpg)}
	#packaging_sec_03 .visual_banner > * {font-size: 26px;font-size: 3.46666667vw;max-width: 490px;max-width: 65.33333333vw}
	#packaging_sec_03 .secText {padding: 80px 0px;padding: 10.66666667vw 0vw}
	#packaging_sec_03 .secObj > li {width: 200px;width: 26.66666667vw;height: 200px;height: 26.66666667vw;margin: 0px 16px;margin: 0vw 2.13333333vw;box-shadow: none}
	#packaging_sec_03 .secObj > li .ico {width: 60px;width: 8vw;height: 60px;height: 8vw;background-size: contain;margin-bottom: 20px;margin-bottom: 2.66666667vw}
	#packaging_sec_03 .secObj > li .tit {font-size: 26px;font-size: 3.46666667vw}
	#packaging_sec_04 .secTitle {margin-bottom: 35px;margin-bottom: 4.66666667vw}
	#packaging_sec_04 .client_list ul li {flex: 1 1 50%;height: 160px;height: 21.33333333vw;padding: 50px;padding: 6.66666667vw}
	#packaging_sec_04 .client_list ul li img {width: 75%}

	/* Ethical */
	#ethical_head .banner {height: 400px;height: 53.33333333vw}
	#ethical_head .banner .tit {font-size: 32px;font-size: 4.26666667vw}
	#ethical_head .banner .txt {font-size: 24px;font-size: 3.2vw;max-width: 470px;max-width: 62.66666667vw}
	#ethical1_sec_01 .secText {padding: 30px;padding: 4vw}
	#ethical1_sec_02 dl {flex-direction: column}
	#rc_sec .rc_channel {padding: 40px;padding: 5.33333333vw}
	#rc_sec .rc_channel .title {font-size: 32px;font-size: 4.26666667vw}
	#rc_sec .rc_channel:after {width: 151px;width: 20.13333333vw;height: 145px;height: 19.33333333vw;background-size: contain;top: 0px;top: 0vw;right: 20px;right: 2.66666667vw;transform: translateY(0)}
	#rc_sec .rc_channel ul li {flex-direction: column}
	#rc_sec .rc_channel ul li .tit {font-size: 24px;font-size: 3.2vw}
	#rc_sec .rc_channel ul li .txt {font-size: 24px;font-size: 3.2vw}
	#rc_sec .rc_box {padding: 50px 30px;padding: 6.66666667vw 4vw}
	#rc_sec .rc_box .box {padding: 35px;padding: 4.66666667vw;padding-left: 80px;padding-left: 10.66666667vw}
	#rc_sec .rc_box .box .tit:before {margin-left: -50px;margin-left: -6.66666667vw}
	#rc_sec .rc_box .btn_type2{padding: 0px 40px;padding: 0vw 5.33333333vw;width: auto;height: 80px;height: 10.66666667vw;border-top-left-radius: 2vw;border-bottom-right-radius: 2vw;width: 100%}
	#cleanSystem1_sec_02 .secObj {text-align: center}
	#cleanSystem1_sec_02 .secObj img {max-width: 360px;max-width: 48vw}
	[id*='gov_sec_'] .council_list {flex-direction: column}
	[id*='gov_sec_'] .council_list > li {width: 100%}
	[id*='gov_sec_'] .council_list > li .photo {width: 218px;width: 29.06666667vw;height: 255px;height: 34vw;margin-right: 60px;margin-right: 8vw}
	#activity_sec_01 .tb_table .tb_list > li {position: relative;padding: 30px 20px;padding: 4vw 2.66666667vw}
	#activity_sec_01 .tb_table .tb_list > li > * {flex-direction: column;align-items: flex-start;height: auto}
	#activity_sec_01 .tb_table .title {margin-bottom: 0;padding: 0}
	#activity_sec_01 .tb_table .text {position: absolute;top: 30px;top: 4vw;left: 140px;left: 18.66666667vw}

	/* Employ */
	#employ_sec_01 .secBody {flex-direction: column}
	#employ_sec_01 .secBody .imgArea {margin-top: 50px;margin-top: 6.66666667vw}
	#employ_sec_01 .secBody:nth-child(odd) .imgArea {order: 2;margin-right: 0}
	#employ_sec_01 .secBody:nth-child(even) .imgArea {margin-left: 0}
	#employ_sec_01 .secBody + .secBody {margin-top: 200px;margin-top: 26.66666667vw}
	#employ_sec_02 {padding-top: 120px;padding-top: 16vw}
	#employ_sec_02 .title {font-size: 40px;font-size: 5.33333333vw;margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#employ_sec_02 ul > li {padding: 40px 40px;padding: 5.33333333vw 5.33333333vw;flex-direction: column;align-items: flex-start}
	#employ_sec_02 ul > li .tit {width: 100%;margin-bottom: 20px;margin-bottom: 2.66666667vw}
	#employ_sec_02 ul > li .txt {padding-left: 50px;padding-left: 6.66666667vw}
	#welfare_head > .inner {padding-right: 0}
	#welfare_head .text {margin-top: 20px;margin-top: 2.66666667vw}
	#welfare_head .obj {position: static}
	#welfare_sec ul > li {flex-direction: column}
	#welfare_sec ul > li .img {margin-right: 0;margin-bottom: 40px;margin-bottom: 5.33333333vw;width: 400px;width: 53.33333333vw}
	#welfare_sec ul > li .cont {text-align: center}
	#welfare_sec ul > li .tit {margin-bottom: 30px;margin-bottom: 4vw}

	/* ESG */
	.citizen_banner_img {margin-top: 60px;margin-top: 8vw}
	#citizen2_sec .concept .intro dl {padding: 15px;border-radius: 10px;height: auto}
	#citizen2_sec .concept .intro dl dt {margin: 0 0 10px 70px;font-size: 1.4em;line-height: 60px}
	#citizen2_sec .concept .intro dl dd::before {left: 15px;top: 15px;width: 60px;height: 60px;background-size: 35px auto}
	#citizen2_sec .concept > article, #citizen2_sec .concept > div, #citizen2_sec .concept .logo .type01 {margin-top: 40px;margin-bottom: 0}
	#citizen2_sec .concept .extra h1 {left: 60px;line-height: 45px}
	#citizen2_sec .concept .extra h1::before {left: -60px;width: 45px;height: 45px}
	#citizen2_sec .concept .extra p {padding: 15px;border-radius: 10px}
	#citizen2_sec .concept .system h1 {margin-bottom: 15px}
	#citizen2_sec .concept .system p {padding-left: 0}
	#citizen2_sec .concept .system dl {margin-top: 25px;padding-left: 0}
	#citizen2_sec .concept .system dt br {display: none}
	#citizen2_sec .concept .system dd {margin: 10px 0 20px}
	#citizen2_sec .concept .system dd:not(.type02) {padding: 15px 0;border-radius: 10px}
	#citizen2_sec .concept .system dt.type00 {position: static;line-height: 1.2}
	#citizen2_sec .concept .system dt.type01 {position: static;height: auto}
	#citizen2_sec .concept .system dd.type01 span::before {left: -1.4em;width: 33px;height: 31px;background-position: left -212px;background-size: 70px auto}
	#citizen2_sec .concept .system dd.type01 span {padding-left: 6px}
	#citizen2_sec .concept .system dt.type02 {position: static;height: auto}
	#citizen2_sec .concept .system dd.type02 > img {width: 100%}
	#citizen2_sec .concept .system dt.type03 {position: static;height: auto}
	#citizen2_sec .concept .system dd.type03 {font-size: 1em;line-height: 36px}
	#citizen2_sec .concept .system dd.type03.case strong + strong {padding-left: 25px}
	#citizen2_sec .concept .system dd.type03.case2 strong + strong {padding-left: 15px}
	#citizen2_sec .concept .logo {padding-top: 40px}
	#citizen2_sec .concept .logo section {margin-top: 30px}
	#citizen2_sec .concept .logo .type00 h2, .concept .logo .type01 h2 {margin-bottom: 15px}
	#citizen2_sec .concept .logo .type01 ul li img {max-width: 90%}
	#citizen2_sec .concept .system .type01 {line-height: normal}
	#citizen3_sec ul li {padding: 60px 0px;padding: 8vw 0vw;padding-left: 300px;padding-left: 40vw}
	#citizen3_sec .obj {top: 60px;top: 8vw;left: 0;width: 240px;width: 32vw}
	#citizen3_sec .title {font-size: 28px;font-size: 3.73333333vw;line-height: 1.5}
	#citizen3_sec .text {font-size: 22px;font-size: 2.93333333vw;line-height: 1.5;margin-bottom: 30px;margin-bottom: 4vw}
	#citizen3_sec .btns a {width: 100%;height: 80px;height: 10.66666667vw;line-height: 70px;line-height: 9.33333333vw}

	#social1_sec_01 .title {font-size: 45px;font-size: 6vw;text-align: center}
	#social1_sec_01 .objList {flex-direction: column}
	#social1_sec_01 .objList:after {display: none}
	#social1_sec_01 .objList > li {height: 600px;height: 80vw}
	#social1_sec_01 .objList > li + li {margin-left: 0;margin-top: 45px;margin-top: 6vw}
	#social1_sec_01 .objList > li:nth-child(3) p {color: #666}
	#social1_sec_01 .textList > li {flex-direction: column;padding-bottom: 50px;padding-bottom: 6.66666667vw;border-bottom: 1px solid #dadada}
	#social1_sec_01 .textList > li + li {margin-top: 50px;margin-top: 6.66666667vw}
	#social1_sec_01 .textList > li .tit {width: 100%;margin-right: 0;border-bottom: 0;font-size: 35px;font-size: 4.66666667vw;font-weight: bold;padding: 0;margin-bottom: 20px;margin-bottom: 2.66666667vw}
	#social1_sec_01 .textList > li .tit br {display: none}
	#social1_sec_01 .textList > li .txt {padding: 0;font-size: 30px;font-size: 4vw;border: 0}
	#social2_sec_01 ul li {flex-direction: column}
	#social2_sec_01 ul li .img {width: 100%}
	#social2_sec_01 ul li .cont {margin-left: 0;padding-top: 30px;padding-top: 4vw}
	#social2_sec_01 ul li .cont .tit {margin-bottom: 20px;margin-bottom: 2.66666667vw}

	#with_sec_01 .t_basis thead {display: none}
	#with_sec_01 .t_basis tbody tr {display: block;border-bottom: 1px solid #e2e2e2;padding: 20px 0px;padding: 2.66666667vw 0vw}
	#with_sec_01 .t_basis tbody td {display: block;height: auto;border: 0;text-align: left}
	#with_sec_01 .t_basis tbody td br {display: none}
	#with_sec_01 .t_basis tbody td:nth-child(2):before {content: '분류: '}
	#with_sec_01 .t_basis tbody td:nth-child(3):before {content: '가맹점명: '}
	#with_sec_01 .t_basis tbody td:nth-child(4):before {content: '위치: '}
	#with_sec_01 .t_basis tbody td:nth-child(5):before {content: '전화번호: '}
	#with_sec_01 .t_basis tbody td:nth-child(6):before {content: '혜택: '}

	[id*='evaluation_sec_'] .secBody + .secBody {margin-top: 100px;margin-top: 13.33333333vw}
	[id*='evaluation_sec_'] .secBody .secTitle p:after {display: none}

	#quality_sec_01 .secTitle {font-size: 45px;font-size: 6vw;margin-bottom: 20px;margin-bottom: 2.66666667vw}
	#quality_sec_01 .secTitle:after {height: 70px;height: 9.33333333vw}
	#quality_sec_01 .title {font-size: 70px;font-size: 9.33333333vw}
	#quality_sec_01 .text {font-size: 38px;font-size: 5.06666667vw;margin-bottom: 60px;margin-bottom: 8vw}
	#quality_sec_01 ul li {flex-direction: column;justify-content: center;height: 150px;height: 20vw;padding: 0;text-align: center}
	#quality_sec_01 ul li + li {margin-top: 20px;margin-top: 2.66666667vw}
	#quality_sec_01 ul li .tit {font-size: 32px;font-size: 4.26666667vw;font-weight: 500}
	#quality_sec_01 ul li .tit:before {display: none}
	#quality_sec_01 ul li .txt {font-size: 26px;font-size: 3.46666667vw}
	#quality_sec_02 {padding: 70px 0px;padding: 9.33333333vw 0vw}
	#quality_sec_02 ul {flex-direction: column;align-items: center}
	#quality_sec_02 ul li {width: 540px;width: 72vw;height: 540px;height: 72vw;border: 1px solid #bcd4e9;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;box-shadow: 0px 9px 4px 0px rgba(110, 184, 250, 0.2)}
	#quality_sec_02 ul li + li {margin-top: 60px;margin-top: 8vw}
	#quality_sec_02 ul li .tit {font-size: 56px;font-size: 7.46666667vw;margin-bottom: 30px;margin-bottom: 4vw}
	#quality_sec_02 ul li .txt {font-size: 35px;font-size: 4.66666667vw;margin-bottom: 30px;margin-bottom: 4vw}
	#quality_sec_03 .secHead {padding-bottom: 50px;padding-bottom: 6.66666667vw}
	#quality_sec_03 .secTitle {font-size: 45px;font-size: 6vw;margin-bottom: 40px;margin-bottom: 5.33333333vw}
	#quality_sec_03 .secText {font-size: 26px;font-size: 3.46666667vw}
	#quality_sec_03 .secObj {margin-top: 40px;margin-top: 5.33333333vw;justify-content: center}
	#quality_sec_03 .secObj img {width: 250px;width: 33.33333333vw}
	#quality_sec_03 .secObj img + img {margin-left: 20px;margin-left: 2.66666667vw}

	#safety_sec .img {width: 100%;padding: 0}
	#safety_sec .secTitle {font-size: 42px;font-size: 5.6vw}
	#shared1_sec .title {font-size: 35px;font-size: 4.66666667vw;margin-bottom: 30px;margin-bottom: 4vw}
	#shared1_sec .title p:after {display: none}
	#shared1_sec .topTxt {height: 130px;height: 17.33333333vw;margin-top: 0;font-size: 30px;font-size: 4vw}
	#shared1_sec .row + .row {margin-top: 70px;margin-top: 9.33333333vw}
	#shared1_sec .text {text-align: left;font-size: 30px;font-size: 4vw}
	#shared1_sec .objList {flex-direction: column}
	#shared1_sec .objList > li + li {margin-left: 0;margin-top: 340px;margin-top: 45.33333333vw}
	#shared1_sec .objList .txt {margin-top: 40px;margin-top: 5.33333333vw}

	[id*='shared2_cont_'] .secBanner {padding: 45px;padding: 6vw;min-height: 300px;min-height: 40vw;margin-bottom: 30px;margin-bottom: 4vw}
	[id*='shared2_cont_'] .secBanner .text {font-size: 24px;font-size: 3.2vw}
	[id*='shared2_cont_'] .secHead {border: 0;margin-right: 0}
	[id*='shared2_cont_'] .secBody {border: 0}
	[id*='shared2_cont_'] .secBody .secText {margin-top: 0}
	[id*='shared2_cont_'] .objList_type1 {padding: 0}
	[id*='shared2_cont_'] .objList_type1 > li {width: 150px;width: 20vw;height: 150px;height: 20vw;border-width: 8px;border-width: 1.06666667vw;font-size: 22px;font-size: 2.93333333vw}
	[id*='shared2_cont_'] .objList_type1 > li + li {margin-left: 25px;margin-left: 3.33333333vw}
	[id*='shared2_cont_'] .objList_type1 > li + li:before {left: auto;right: 100%;width: 25px;width: 3.33333333vw;margin-right: 8px;margin-right: 1.06666667vw}
	[id*='shared2_cont_'] .objList_type2 > li {padding: 20px;padding: 2.66666667vw}
	[id*='shared2_cont_'] .objList_type2 > li + li {margin-left: 60px;margin-left: 8vw}
	[id*='shared2_cont_'] .objList_type2 > li + li:before {width: 60px;width: 8vw;left: -60px;left: -8vw}

	#disclosure_sec .tb_table .tb_list > li > * {flex-direction: column;height: auto;padding: 30px 0px;padding: 4vw 0vw}
	#disclosure_sec .tb_table .tb_list > li > * > * {padding: 0 !important;text-align: left !important;width: 100%}
	#disclosure_sec .tb_table .tb_list > li > * > * + * {margin-top: 30px;margin-top: 4vw}

	.di_table{padding-top: 10px}
	.di_table td,.di_table th span,.di_contents03 p{font-size: 2.444vw}
	.di_table th, .di_table .middle_title,.di_contents03 h4{font-size: 3vw}
	.di_table .middle_title{margin: 3vw 0}
	.di_toget tbody tr, .di_table_03 tbody tr{height:100px}
	.di_table_04 tbody tr{height:50px}
	.di_table_01{display: block}
	.di_img_02{margin: 0 0.5rem 0}
	.middle_title{margin-top: 1rem}
	.di_contents03{padding-left: 0rem}

	
  /* 230405 기업시민 페이지 추가 */
  .page-section > .inner {
	padding: 80px 0px;
	padding: 10.66666667vw 0vw;
}
  #cc_sec_01 > .inner {flex-direction: column;}
  [id*='cc_sec_'] .tit {font-size: 8vw; line-height: 1.25;}
  [id*='cc_sec_'] .tit br.mobile {display: none;}
  #cc_sec_01 .txt {font-size: 3.46666667vw; margin-top: 6.66666667vw;}
  #cc_sec_01 > .inner .img { margin-top: 8vw; text-align: center;}
  #cc_sec_02 .secTxt {margin-top: 8vw;}
  #cc_sec_02 .secTxt p {font-size: 4vw; width: 100%; text-align: center; padding: 10px 0;line-height: 1.25;}
  #cc_sec_02 .secTxt p br{display: block;}
  [id*='cc_sec_'] .citizen_m_img {display: block; margin: 5.33333vw auto 0;}
  .cont.list .listCon.circle {display: none;}
  .cont.list .listTit {font-size: 4vw;}
  .cont.list .listCon{margin-top: 6.66666667vw;}
  .cont.list .listCon .item {width: 100%; float: none; margin: 40px 0 0 0!important;}
  .cont.list .listCon .item p{font-size: 3.33333333vw;}
  .cont.list .listCon .item a.more {font-size: 3vw;}  
    /* 230612 기업시민 아카이브 추가 */
    #cc_sec_archive03 .item .cont {padding: 35px 40px; padding: 8vw 10vw; }
    #cc_sec_archive03 .item .cont .cate {margin-bottom: 0; font-size:16px; font-size: 1em; }
    #cc_sec_archive03 .item .cont .h1 {height: auto; margin-bottom: 30px; margin-bottom: 5vw; font-size: 1.6em; }
    #cc_sec_archive03 .lst-thumb.col3 > *{margin: 0;}
    #cc_sec_archive03 .item .cont {padding: 35px 40px; padding: 8vw 10vw; }
    #cc_sec_archive03 .item .cont .cate {margin-bottom: 0; font-size:16px; font-size: 1em; }
    #cc_sec_archive03 .item .cont .h1 {height: auto; margin-bottom: 30px; margin-bottom: 5vw; font-size: 1.6em; }
    #cc_sec_archive02 .swiper-container, #cc_sec_archive02 .banner  {width: 70vw;margin-left: 0;}
  
    #cc_sec_archive02 .inr-c2{ align-items: flex-end;}
    #cc_sec_archive02 .inr-c2 .news_bg {height: 70%; width: 100%;}
    #cc_sec_archive02 .content .item .txt,
    #cc_sec_archive02 .content .item .cate,
    #cc_sec_archive02 .content .item .btn{ font-size: 3.33333333vw;}
    #cc_sec_archive02 .content .item .tit {font-size: 6vw;}
    #cc_sec_archive02 .controller .pageing button{width: 10vw; height: 10vw; font-size: 4vw;}
    #cc_sec_archive02 .inr-c2 {padding: 7vh 0 0 0;flex-direction: column;}
    #cc_sec_archive02 .content {padding: 0 10vw; width: 100%;}
    #cc_sec_archive02 .swiper-container .item{height: 60vw;}
    #cc_sec_archive02 .controller {margin-top: -11vw;}
    #cc_sec_archive02 .controller .pageing{width: auto; gap: 20px;}

}