* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Noto Sans Korean',sans-serif;
}
html {
	font-size:20px;
	scroll-behavior: smooth;
}
body {
	scroll-behavior: smooth;
	overflow-x:hidden;
}
.mob_br {
	display:none;
}
.flex_wrapper,.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.align-center {
	align-items: center;
}
nav .logo {
	display:-webkit-inline-flex;
	display:inline-flex;
	align-items:center;
	width:18.7rem;
	height:2.5rem;
	background:url(../img/common/logo.svg) no-repeat 50%;
	background-size:contain;
}
nav.hide {
	animation: navHide ease 0.3s;
	animation-fill-mode: both;
}
@keyframes navHide {
	from {
		top:0
	}
	to {
		top:-120px;
	}
  }

nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:1rem 0 0.8rem;
	z-index: 5;
	position:fixed;
	transition: background 0.3s;
	background: linear-gradient(to bottom, #fff 4.3rem, transparent 4.3rem);
}
nav.active {
	position:fixed;
}
nav::after {
	content:'';
	display:block;
	height:0.15rem;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:linear-gradient(to right,#12B5EA,#0065B3);
	background:-webkit-linear-gradient(to right,#12B5EA,#0065B3);
}
nav.active .logo {
	background:url(../img/common/logo_active.svg) no-repeat 50%;
	background-size:contain;
}
nav.active ul li a {
	color:#333333;
}
nav.active .menu_btn {
	display:block;
}
nav ul.flex_wrapper {
	float:right;
	gap:2em;
	margin-top:0.5rem;
}
nav ul.flex_wrapper>li {
	text-align:center;
	position:relative;
}
nav ul.flex_wrapper>li:nth-child(1) {
	width:5rem;
}
nav ul.flex_wrapper>li:nth-child(2) {
	width:4.5rem;
}
nav ul.flex_wrapper>li:nth-child(3) {
	width:4.5rem;
}
nav ul.flex_wrapper>li:nth-child(4) {
	width:5.5rem;
}
nav ul.flex_wrapper>li:nth-child(5) {
	width:6.5rem;
}
nav ul.flex_wrapper>li .sub_menu {
	position:absolute;
	left:50%;
	top:2.7rem;
	transform:translate(-50%,0);
	width:auto;
}
nav ul.flex_wrapper>li.on .sub_menu {
	display:block;
	background:rgba(255,255,255,0.75);
	backdrop-filter: blur(11px) brightness(1.2);
	-webkit-backdrop-filter: blur(11px) brightness(1.2);
	border-top:2px solid #0067B1;
}
nav ul.flex_wrapper li a {
	color:#333;
	font-size:01rem;
	font-weight:500;
	display:inline-block;
	text-transform: uppercase;
}
nav.active ul.flex_wrapper li a {
	color:#4A4A49;
}
nav ul.flex_wrapper li.active a,
nav.active ul.flex_wrapper li.active a {
	color:#0067B1;
} 
nav.active ul.flex_wrapper li.active .sub_menu a {
	font-weight:500;
}
nav ul.flex_wrapper>li.active::after{
	content:'';
	display:block;
	width:100%;
	height:0.3rem;
	background:#D2232A;
	position:absolute;
	left:0;
	top:-1.75rem;
}
nav>a {
	float:left;
}
nav .menu_btn {
	float:right;
	margin-top:13px;
	display:none !important;
}
.sub_menu {
	display:none;
}
.sub_menu li {
	padding: 0.6rem 1.5rem;
}
.sub_menu li a{
	color:#333333 !important;
	font-weight:500;
	font-size:1rem;
	white-space: nowrap;
	transition:all 0.3s;
}
.sub_menu_bg {
	height:12.8rem;
	position:fixed;
	width:100%;
	left:0;
	top:4.3rem;
	display:none;
	z-index:-1;
	background:rgba(255,255,255,0.75);
	backdrop-filter: blur(11px) brightness(1.2);
	-webkit-backdrop-filter: blur(11px) brightness(1.2);
}
/* ------------- 모바일 네비게이션 --------- */

/*head_area*/
.head_area {position: fixed;top:0;width:100%;z-index: 150;box-sizing: border-box;display:none;background:rgba(255,255,255,0.6);backdrop-filter:blur(15px) brightness(3.5);-webkit-backdrop-filter:blur(15px) brightness(1.5);}
.header_top{width:100%;padding:1.5rem 0;}
.header_top .wrap_1230 { width:100%;padding:0 5%;box-sizing:border-box;}
.head_area .logo_area{display:inline-block ;}
.head_area .logo {display: inline-block;vertical-align:middle; width:13.1rem;height:2.5rem;}
.head_area .logo a {display:block; width:100%; height:100%; background:url(../img/common/logo_active.svg) no-repeat;background-size:contain;}
.head_mask{display:none;width:100%;height: 100%;background:rgba(255,255,255,0.8);backdrop-filter:blur(15px) brightness(1.5);-webkit-backdrop-filter:blur(15px) brightness(1.5);position:fixed;z-index:120;display:none}
.head_mask.on{display:block}
.head_area .head_bottom{display: none;width:100%;}
.head_area .head_bottom.active{display: block; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.head_area .lnb{box-sizing: border-box;width:90%;margin:auto;}
.head_area .lnb > li{box-sizing: border-box;width:100%;text-align: center;margin-top: 2.3rem;padding-bottom: 2.5rem;border-bottom: 1px solid rgba(188,188,188,0.3);}
.head_area .lnb > li:last-child{border-bottom: 0;}
.head_area .lnb > li > a {display:block;text-align: center;font-weight:700;font-size:1.6rem;color:#fff;position: relative;}
.head_area .lnb > li > a h2{font-size: 1.8rem;display:inline-block;color: #4A4A49;text-transform:uppercase}
.head_area .lnb_sub {overflow:hidden;position:relative;height:auto;z-index:10;display:none;background:#0065B3;padding:2.5rem;top:2.5rem;width:112%;margin-left:-5.6%}
.head_area .lnb_sub > li {margin-bottom:1rem;padding:0;}
.head_area .lnb_sub > li:last-child { margin-bottom:0;}
.head_area .lnb_sub a {display:block;color:#fff;font-weight:500;font-size:1.6rem;text-align:center}
.head_area .lnb_sub a.on {color:#00B4E5}
.head_area .lnb_sub_bg {display:none;position:absolute;top:90px;left:0;z-index:1;width:100%;height:auto;background:rgba(255,255,255,0.1);}
.head_area .lnb_sub_bg > a {display:block;width:100%;height:auto;text-indent:-9999px;cursor:default}
.head_area .lnb_sub_bg.on{display: block;}
.head_area.active{background:rgba(0,0,0,1)}
.btn_site{display: inline-block;font-weight:700;font-size:16px;color:#333333;line-height: 1;position: absolute;right:30px;bottom:30px;box-sizing: border-box;opacity: 0.8;}
.btn_site a{display:inline-block;color:#333333;font-size: 16px;font-weight: 700;}
.btn_site a em{width:34px;height: 10px;background: url(../img/index/ico_site.png) 0 0 no-repeat;margin-left: 5px;display: inline-block;vertical-align: bottom;}
.head_area.scrollHd { background:none;backdrop-filter: none;-webkit-backdrop-filter: none;transition:none;}
.head_area.scrollHd .header_top { background:none;}
.head_area.scrollHd .hamburger .line,.head_area.active .hamburger .line { background:black;}

.hamburger{position: absolute;right:5%;top:2rem}
.hamburger .line{width: 1.7rem;height: 2px;background-color: #4A4A49;display: block;margin: 0.3rem auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
.hamburger.is-active .line { background:#4A4A49;}
.hamburger.is-active .line:nth-child(2){opacity: 0;}
.hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(0.5rem) rotate(45deg);-ms-transform: translateY(0.5rem) rotate(45deg);-o-transform: translateY(0.5rem) rotate(45deg);transform: translateY(0.5rem) rotate(45deg);}
.hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-0.5rem) rotate(-45deg);-ms-transform: translateY(-0.5rem) rotate(-45deg);-o-transform: translateY(-0.5rem) rotate(-45deg);transform: translateY(-0.5rem) rotate(-45deg);}

.btn_top{position: fixed;right:5%;bottom:3rem;display: none;z-index: 999;}
.btn_top img { width:3.9rem;}

/*visual*/
.visual_sub .wrap_1350{position: relative;height: 100%;}
.visual_sub .section{width:100%;height:100vh;height:100dvh;min-height:45rem;}
.visual_sub .visual0108{background:url(../img/history/visual0108.jpg) 50% 50% no-repeat;position: relative;}
.visual_sub .visual0107{background:url(../img/history/visual0107.jpg?ver=201029) 50% 50% no-repeat;position: relative;}
.visual_sub .visual0106{background:url(../img/history/visual0106.jpg) 50% 50% no-repeat;position: relative;}
.visual_sub .visual0105{background:url(../img/history/visual0105.jpg) 50% 50% no-repeat;position: relative;}
.visual_sub .visual0104{background:url(../img/history/visual0104.jpg) 50% 50% no-repeat;position: relative;}
.visual_sub .visual0103{background:url(../img/history/visual0103.jpg) 50% 50% no-repeat;position: relative;}
.visual_sub .visual0102{background:url(../img/history/visual0102.jpg) 50% 50% no-repeat;position: relative;}
.visual_sub .visual0101{background:url(../img/history/visual0101.jpg) 50% 50% no-repeat;position: relative;}
.visual_sub .visual0100{background:url(../img/history/visual0100.jpg) 50% 50% no-repeat;position: relative;}
.visual_sub .tit_wrap{position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.visual_sub .tit_wrap h2{color:#fff;text-align: left;font-size:3rem;font-weight: 700;line-height: 1.4;margin-bottom:2rem;}
.visual_sub .tit_wrap p{color:#fff;text-align: left;font-size:1rem;font-weight: 300;line-height: 1.4;letter-spacing: 0.1rem;}
.visual_sub .tit_wrap strong{color:#fff;text-align: left;font-size:1.5rem;font-weight: 400;line-height: 1.4;}
.visual_sub .tit_wrap strong::before { content:'';display:block;width:calc(50vw - 675px + 100%);height:0.15rem;background:url(../img/history/bar.jpg) no-repeat 50%;background-size:cover;transform:translate(calc(675px - 50vw),-1rem);}
.visual_sub .gnb{position: absolute;right:0;top:50%;transform:translate(0,-50%);}
.visual_sub .gnb li{border-bottom: 1px dotted #707070;padding: 0.5rem 0;width:auto;min-width: 20rem;}
.visual_sub .gnb li a{color:#fff;display: block;font-weight: 700;font-size: 1rem;text-align: right;}
.visual_sub .gnb li a span{display: inline-block;font-weight: 900;font-size:1.1rem;}
.visual_sub .gnb li a small { font-size:0.9rem;}
.visual_sub .gnb li a > em{color:#00B4E5;font-weight: 700;}
.visual_sub .gnb li a > strong{font-weight: 700;}
.visual_sub .succes li a{font-weight: 400;}

.quick_history{position: fixed;right:5%;top:5rem;background:linear-gradient(to left,#12B5EA,#0065B3);
	background:-webkit-linear-gradient(to left,#12B5EA,#0065B3);display: none;width:30rem;height:2.75rem;box-sizing: border-box;padding:0.6rem 1rem;z-index: 3;border-radius:0.25rem;box-shadow:0px 3px 6px rgba(0,0,0,0.16);}
.quick_history label{color:#fff;font-weight: 700;font-size: 1rem;display: inline-block;vertical-align: middle;padding-right: 0.5rem;}
.quick_history select{border:none;width:24rem;height: 1.5rem;color:#333;font-weight: 400;font-size: 0.9rem;background: #fff;padding-left:0.5rem;position:absolute;}

.top_nav{margin-bottom: 2rem;}
.top_nav p{display: inline-block;}
.top_nav .home{width:0.85rem;height: 0.9rem;background: url(../img/ico/ico_home_b.png) 0 0 no-repeat;background-size:contain;display: inline-block;vertical-align: middle;}
.top_nav em{display: inline-block;vertical-align: middle;width:0.35rem;height: 0.65rem;background: url(../img/ico/ico_arrow_r_bl.png) 0 0 no-repeat;margin:0 0.75rem;background-size:cover;}
.top_nav span{display: inline-block;vertical-align: middle;color:#333333;font-size: 0.9rem;font-weight: 400;}

.tab_wrap{position: absolute;right:0px;bottom:0;}

.history_tab{position: relative;height: 47px;}
.history_tab::after{display: block;content: '';clear: both;}
/* .history_tab::before{content: '';position: absolute;left:-60px;bottom:0;width:52px;height: 14px;background: url(../images/common/tab_arrow_left.png) 0 0 no-repeat;}
.history_tab::after{content: '';position: absolute;right:-60px;bottom:0;width:52px;height: 14px;background: url(../images/common/tab_arrow_right.png) 0 0 no-repeat;} */
.history_tab li{float: left;width:6rem;text-align: left;}
.history_tab li a{color:#E6E6E6;font-weight: 700;font-size: 1.2rem;display: block;line-height:1.2;border-bottom: 0.25rem solid #E6E6E6;box-sizing: border-box;text-align: center;padding-bottom:0.2rem;}
.history_tab li a small { font-size:1rem;}
.history_tab li.on a{color:#0067B1;border-bottom: 0.25rem solid #0067B1;}
.history img { max-width:100%;}
.history #topNav { transform:translate(0,-3rem) }
.history.cont { padding-bottom:0;padding-top:3rem;}
.history .cont_desc { color:#0067B1;font-size:1.2rem;font-weight:900;margin-bottom:0.2rem;}
.history .cont_tit { color:#0067B1;font-size:3rem;font-weight:900;line-height:1.2;margin-bottom:0.4rem;letter-spacing: -0.2rem;}
.history .cont_subtit { color:#333;font-size:2.25rem;font-weight:700;}
.bdt { border-top:1px solid rgba(0,0,0,0.2)}
.history .bdt .d-flex { gap:1rem;align-items: flex-start;}
.history .d-flex .history_wrap { max-width:50rem;}
.history .history_wrap img{ max-width:100%;display:block;margin-left:auto;margin-right:auto;border-radius:0.5rem;}
.history .history_wrap p { margin-bottom:1.5rem;font-size:0.9rem;color:#333;}
.history .history_wrap p:last-child { margin-bottom:0;}
.history .img_desc { font-size:0.8rem;font-weight:bold;text-align:center;}
.history .img_desc span { color:#0067B1;}
.history article { padding:3rem 0;position:relative;}
.history article div[id*=topTit] { position:absolute;top:-3.5rem;}
.history .top_tit { font-size:1.8rem;color:#333;line-height:1.3;letter-spacing: -0.08rem;}
.history .d-flex .history_wrap + .top_tit { text-align:right;}
.history article.blue { background:#0065B3;color:#fff; text-align:center;}
.history article.blue .quotes {width:2rem; }
.history article.blue h3 {word-break:keep-all;font-size:1.25rem;font-weight:500;color:#fff; line-height:1.8;letter-spacing: -0.05rem;}
.history article.yellow { background:#FFFAF6 !important;max-width:1350px;margin-left:auto;margin-right:auto;}
.history article.yellow h3 { color : #333333}

#Section .history_tab li { width:6.7rem;}
#Interview .history_tab li { width:13rem;}
#Interview .history_tab li a { padding-bottom:0.6rem;}
#VicePresidentInterview .interview_wrap .left .text {
	width : 21.3rem;
}

.interview_wrap.d-flex {
	align-items: stretch !important;
	gap:0 !important;
	border-radius:0.5rem;
	overflow:hidden;
}
.interview_wrap >div {
	width:50%;
}
.interview_wrap.p .left {
	background:url(../img/interview/left_bg_p.png) no-repeat 50%;
	background-size:cover;
}
.interview_wrap.vp .left {
	background:url(../img/interview/left_bg_vp.png) no-repeat 50%;
	background-size:cover;
}
.interview_wrap .left {
	padding:3rem;
	display:flex;
	display:-webkit-flex;
	flex-direction: column;
	justify-content: space-between;
}
.interview_wrap .left .text {
	width:19rem;
	max-width:70%;
	margin-top: 4rem;
}
.interview_wrap .left p {
	font-size:0.9rem;
	color:#fff;
	word-break: keep-all;
	line-height:1.6;
}
.interview_wrap .right img {
	width:100%;
	height:100%;
	object-fit: cover;
}
.qa_list + .d-flex {
	gap:2rem;
}
.qa_list + .d-flex dl{
	flex-grow:1;
}
.qa_list + .d-flex > img {
	border-radius:1rem;
	width:calc(50% - 2rem);
}
.qa_list dt,.qa_list dd {
	position:relative;
	padding-left:1.7rem;
	font-size:0.9rem;
	line-height:1.5;
	word-break:keep-all;
	letter-spacing: -0.06rem;
}
.qa_list .img_dd {
	padding-left:0;
}
.qa_list .img_dd img {
	border-radius:0.5rem;
	max-width:100%;
}
.qa_list strong {
	color:#0071BC
}
.qa_list dt {
	color:#333;
	font-weight:700;
	margin-bottom:2rem;
}
.qa_list dd {
	color:#333;
	margin-bottom:3rem;
}
.qa_list dd:last-child {
	margin-bottom:0;
}
.qa_list .icon {
	display:block;
	width:1.3rem;
	height:1.3rem;
	border-radius:0.25rem;
	font-weight:400;
	font-size:1.1rem;
	text-align:center;
	line-height:1.3rem;
	color:#fff;
	position:absolute;
	left:0;
	top:0rem;
	font-family: 'Pretendard';
}
.qa_list dt .icon {
	background:#003063;
}
.qa_list dd .icon {
	background:#0067B1;
}
.qa_list .float .icon {
	position:relative;
	display:inline-block;
	margin-left:-1.6rem;
	margin-right:0.2rem;
}
.qa_list .float_img {
	float:right;
	margin-left:1rem;
	padding-left:0;
}
.qa_list .float_img img {
	width:24.5rem;
	border-radius:0.5rem;
}
.qa_list .float_img.left {
	float:left;
	margin-left:0;
	margin-right:1rem;
	margin-top: -11%;
    z-index: -1;
}
.qa_list .float_img.left img {
	width:21rem;
}

footer {
	background:#2A2A2A;
	padding:1.75rem 0;
	position:relative;
}
footer .d-flex {
	align-items:center;
	gap:1.5rem;
	max-width:1620px;
	width:90%;
	margin:auto;
}
footer .d-flex>img:first-child {
	width:5.2rem;
}
footer .d-flex>p {
	font-size:0.8rem;
	color:#fff;
	flex-grow:1;
	letter-spacing: -0.065rem;
}
footer a {
	font-size:0.9rem;
	color:#fff;
	font-weight:bold;
}
footer a img {
	width:1.2rem;
	margin:0 0 0 0.3rem;
}
.wrap_1620 {
	max-width:1620px;
	width:100%;
	margin:0 auto;
	/* border:1px solid pink; */
}
.wrap_1350 {
	max-width:1350px;
	width:100%;
	margin:0 auto;
}
.wrap_1280 {
	max-width:1220px;
	width:100%;
	margin:0 auto;
}
.wrap_1024 {
	max-width:1024px;
	width:100%;
	margin:0 auto;
}
.detail_layer {
	position:fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.7);
	top:0;
	left:0;
	z-index: 12;
	text-align:center;
	padding-top:3.75rem;
	display:none;
}
.detail_layer .wrap_1200 {
	position:relative;
}
.detail_layer .close {
	cursor:pointer;
	margin-bottom:1rem;
	width:2.5rem;
	margin-top:-100%;
}
.detail_layer .cont {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:900px;
	width:90%;
	max-height:600px;
	padding:0;
}
.detail_layer .img_area {
	width:100%;
	height:100%;
	max-height:calc(600px - 3.5rem);
}
.detail_layer .img_area img {
	width:100%;
	height:100%;
	max-height:calc(600px - 3.5rem);
	object-fit: contain;
}
.detail_layer .img_area .swiper-button-prev {
	position:absolute;
	left:0px;
	top:50%;
	transform:translate(0,-50%);
	width:50px;
	height:50px;
	background:url(../img/memory/ico_prev.png) no-repeat 50%;
}
.detail_layer .img_area .swiper-container {
	width:860px;
}
.swiper-button-next:after ,
.swiper-button-prev:after {
	content:'' !important;
}
.detail_layer .img_area .swiper-button-next {
	position:absolute;
	right:0px;
	top:50%;
	transform:translate(0,-50%);
	width:50px;
	height:50px;
	background:url(../img/memory/ico_next.png) no-repeat 50%;
}

.banner {
	text-align:center;
	padding:8.3rem 0 4rem;
	color:#fff;
	background:url(../img/korea/korea_bg.jpg) no-repeat center;
	background-size:cover;
}
.banner .category {
	align-items:center;
	justify-content: center;
	gap:1.7rem;
}
.banner .category li {
	position:relative;
	font-size:0.9rem;
	text-transform: uppercase;
}
.banner .category li::after {
	content :'';
	display:block;
	position:absolute;
	right:-1.1rem;
	top:50%;
	width:0.35rem;
	height:0.65rem;
	background:url(../img/ico/ico_arrow_r.png) no-repeat center;
	background-size:contain;
	transform:translate(0,-50%);
}
.banner .category li:last-child::after {
	display:none;
}
.banner .category .home {
	margin-bottom:0.2rem;
	width:0.9rem;
}
.banner .banner_tit {
	font-size:3rem;
	padding-bottom:1rem;
	display:inline-block;
	max-width:1220px;
	position:relative;
	letter-spacing: -0.15rem;
}
.banner .banner_tit::after {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,-50%);
	content:'';
	width:75%;
	height:0.25rem;
	background:linear-gradient(to right,#D2232A,#0065B3);
}
.banner .banner_subtit {
	font-size:1.4rem;
	font-weight:400;
}
.iframe_wrapper {
	border-radius:0.75rem;
	overflow:hidden;
	background:#DFDFDF;
	position:relative;
}
.iframe_wrapper::after {
	content:'';
	display:block;
	padding-top:56.35%;
}
.iframe_wrapper iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.cont {
	padding:4rem 0 5rem;
}
.desc {
	font-size:1.2rem;
	font-weight:500;
	color:#4A4A49;
	word-break: keep-all;
}
hr {
	border:none;
	background:rgba(0,0,0,.2);
	display:block;
	height:1px;
}
.tab_tit {
	font-size:1.9rem;
}
.art_tit {
	font-size:1.2rem;
	color:#0065B3;
	padding-bottom:0.5rem;
	line-height :1.1;
	border-bottom:1px solid rgba(0,0,0,.2);
	width:fit-content;
}
.top_btn {
	position:fixed;
	right:4%;
	bottom:2rem;
	width:4rem;
	height:4rem;
	text-align:center;
	z-index: 5;
	opacity: 1;
	display:none;
}
.top_btn img {
	display:block;
	width:4rem;
}

.tab_nav {
	display:-webkit-box;
	display:flex;
	align-items: stretch;
	gap:0.4rem;
}
.tab_nav li {
	width:calc( (100% - 2.8rem) / 8 );
}
.tab_nav li a {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
	border:1px solid #D9D9D9;
	padding:0.5rem 0;
	color:#4A4A49;
	word-break: keep-all;
	text-align: center;
}
.tab_nav li.active a {
	background:#0065B3;
	color:#fff;
	font-weight:bold;
	border:none;
}
.tab_list {
	display:flex;
	justify-content: space-between;
	position:relative;
	border-bottom:2px solid #D8D8D8;
	padding:0 5%;
}
.tab_list::after {
	content:'';
	display:block;
	width:0px;
	height:2px;
	position:absolute;
	width:12.5%;
	left:0;
	bottom:-2px;
	background:#00AEEF;
}
.tab_list li {
	width:20%;
	text-align:center;
	position:relative;
}
.tab_list li a {
	font-size:20px;
	font-weight:500;
	color:#221E1F;
	padding:18px 0;
	display: inline-block;
	position:relative;
	line-height: 1.1;
}
.tab_list li a em {
	display:block;
	width:12px;
	height:12px;
	border-radius:6px;
	background:#D8D8D8;
	position:absolute;
	bottom:-6px;
	left:50%;
	transform:translate(-50%,0);
	z-index: 2;
}
.tab_list li a span {
	display:block;
	font-size:28px;
	font-family:'DIN Condensed'
}
.tab_list li.on a {
	color:#00AEEF;
}
.tab_list li.on em {
	background:#00AEEF;
}
.tab_list li.on a:after {
	content:'';
	width:28px;
	height:28px;
	border-radius:14px;
	background:#00AEEF;
	opacity: 0.4;
	position:absolute;
	bottom:-14px;
	left:50%;
	transform:translate(-50%,0);
}
.tab_list li .scroll_bar {
	width:0px;
	height:2px;
	position:absolute;
	left:50%;
	bottom:-2px;
	background:#00AEEF;
}

#CEO .banner .banner_tit::after {
	width:45%;
}

/* ------- Timeline ----------- */
#Timeline .banner .banner_tit::after {
	width:95%;
}
#Timeline .top {
	padding:4rem 0;
	background:url(../img/korea/timeline_bg.png) no-repeat 50%;
	background-size:cover;
}
#Timeline .top .chapter {
	font-size:1rem;
	font-weight:900;
	color:#333333;
	/* -webkit-text-stroke: 1px black */
	letter-spacing: 0;;
}
#Timeline .top h3 {
	font-size:1.6rem;
	font-weight:500;
	color:#4A4A49;
	line-height:1.3;
	position:relative;
}
#Timeline .top h3::after {
	content:'';
	display:block;
	position:absolute;
	right:0;
	top:-1rem;
	width:300%;
	height:1px;
	background:#000;
	opacity: 0.2;
}
#Timeline .top .iframe_wrapper {
	width:50%;
}
#Timeline .middle {
	background:#0065B3;
	padding:3rem 0 2.5rem;
	overflow:hidden;
}
#Timeline .bottom {
	padding:3rem 0;
	background:#F7F7F7;
}
#Timeline .bottom .wrap_1620 {
	display:-webkit-box;
	display:flex;
	/* align-items: center; */
	justify-content: flex-end;
	gap:2rem;
}
#Timeline .bottom .btn {
	display:inline-flex;
	border:1px solid #D9D9D9;
	background:#fff;
	padding:1.65rem 2.5rem;
	color:#4A4A49;
	gap:1.5rem;
	align-items: center;
	width:calc(50% - 1rem);
	flex-direction: row-reverse;
}
#Timeline .bottom .btn>span {
	font-size:0.8rem;
	font-weight:800;
	line-height:1.3;
	text-align:right;
	padding-left:1rem;
	border-left:1px solid rgba(0,0,0,.2);
}
#Timeline .bottom .btn>span>span {
	font-size:1.2rem;
	font-weight:700;
	display:block;
}
#Timeline .bottom .btn em {
	font-size:1.2rem;
	font-weight:bold;
	flex-grow:1;
	text-align:right;
	word-break: keep-all;
}
#Timeline .bottom .btn img {
	width:2rem;
}
#Timeline .bottom .btn:last-child {
	flex-direction: row;
}
#Timeline .bottom .btn:last-child em {
	text-align:left;
}
#Timeline .bottom .btn:last-child>span {
	text-align:left;
}
#Timeline .bottom .btn:last-child>span {
	border-left:none;
	padding-right:1rem;
	padding-left:0;
	border-right:1px solid rgba(0,0,0,.2);
}
#Timeline .middle ol {
	display:flex;
	display:-webkit-box;
	align-items: center;
}
#Timeline .middle .swiper-container {
	overflow:visible;
	cursor:w-resize;
}
#Timeline .middle .swiper-slide {
	width:auto !important;
	color:#fff;
	position:relative;
	/* padding-top:3.1rem; */
}
#Timeline .middle .swiper-slide .year {
	font-size:2.3rem;
	position:absolute;
	left:0;
	top:0;
	line-height:1.2;
	display:none;
}
#Timeline .middle .swiper-slide>img:not(.bullet),
#Timeline .middle .swiper-slide>.no_img {
	margin-right:3rem;
	width:12.25rem;
}
#Timeline .middle .swiper-slide>.no_img {
	position:relative;
}
#Timeline .middle .swiper-slide>.no_img::after {
	content: '';
    display: block;
    padding-top: 66.94%;
}
#Timeline .middle .swiper-slide .bullet {
	width:0.95rem;
	display:block;
	position:relative;
	margin:1rem 0 0.5rem;
}
#Timeline .middle .swiper-slide h4::before {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.4);
	position:absolute;
	top:-0.95rem;
	left:0;
}
#Timeline .middle .swiper-slide:last-child h4::before {
	display:none;
}
#Timeline .middle .swiper-slide h4 {
	position:relative;
	font-size:1.2rem;
	margin-bottom:0.25rem;
}
#Timeline .middle .swiper-slide p {
	
}
.timeline_sel.nice-select {
	border:none;
	height:auto;
	line-height:1.2;
	padding:0;
	float:none;
	border:none;
	padding-right:5rem;
	margin-bottom:2rem;
	background:none;
}
.timeline_sel.nice-select .list {
	width:100%;
}
.timeline_sel.nice-select .option {
	font-size: 1.75rem;
    line-height: 2;
	color:#4A4A49;
}
.timeline_sel .current{
	background: linear-gradient(105deg, #D2232A, #0065B3);
    color: transparent;
    -webkit-background-clip: text;
	font-size:3.4rem;
	font-weight:bold;
	letter-spacing: -0.15rem;
	padding-right:0.2rem;
}
.timeline_sel.nice-select::after {
	border:none;
	width:3.7rem;
	height:3.4rem;
	background:url(../img/korea/sel_arrow.png) no-repeat 50%;
	background-size:contain;
	top: 7%;
    transform: none;
    margin-top: 0;
    right: 0;
	transform-origin:center !important;
}
.timeline_sel.nice-select.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 7%;
}
/* ------------- safety --------------- */
.safety .banner .banner_tit::after {
	width:95%;
}
#Major .tab_cont {
	text-align:center;
}
#Major .tab_cont div[class^=major-swiper] img{
	width:3.7rem;
}
#Major .major_swiper_wrap {
	position:relative;
	padding:0 8.7rem;
}
#Major .major-swiper-next {
	position:absolute;
	right:2.5rem;
	top:50%;
	transform:translate(0,-50%);
	cursor: pointer;
}
#Major .major-swiper-prev {
	position:absolute;
	left:2.5rem;
	top:50%;
	transform:translate(0,-50%);
	cursor: pointer;
}
#Major .major_swiper .swiper-slide {
	display:-webkit-box;
	display:flex;
	border-radius:0.75rem;
	overflow:hidden;
}
#Major .major_swiper .swiper-slide .text {
	width:35%;
	display:-webkit-box;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	background:#0065B3;
	color:#fff;
	text-align:left;
	padding-bottom:3rem;
	word-break: keep-all;
}
#Major .major_swiper .swiper-slide .text>*:not(hr) {
	padding:0 2.5rem;
}
#Major .major_swiper .swiper-slide .text h5 {
	font-size:1.2rem;
}
#Major .major_swiper .swiper-slide .text h4 {
	font-size:1.6rem;
}
#Major .major_swiper .swiper-slide .text hr {
	background:rgba(255,255,255,0.2);
	margin:0.75rem 0;
}
#Major .major_swiper .swiper-slide .right {
	width:65%;
}
#Major .major_swiper .swiper-slide .right img {
	width:100%;
	height:100%;
	object-fit: cover;
}
#Major .swiper-pagination {
    display: -webkit-flex;
    align-items: flex-start;
    justify-content: center;
	display: flex;
}
#Major .swiper-pagination-bullet {
	width:8.5rem;
	height:auto;
	padding-top:1rem;
	background: url(../img/ico/swiper_pagination_gray.png) no-repeat top center;
    background-size: 0.8rem;
	font-size:0.8rem;
	color:#888888;
	position:relative;
	margin-right:0;
	word-break: keep-all;
}
#Major .swiper-pagination-bullet-active {
	background: url(../img/ico/swiper_pagination_blue.png) no-repeat top center;
    background-size: 0.8rem;
	color:#0065B3;
	font-weight:500;
	line-height:1.4;
}
#Major .swiper-button-disabled {
	display:none;
}
#Major .swiper-pagination-bullet p::before {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    right: 50%;
    top: 0.35rem;
    width: 50%;
    background:rgba(142,142,142,0.5);
	z-index: -1;
}
#Major .swiper-pagination-bullet p::after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 0.35rem;
    width: 50%;
	z-index: -1;
	background:rgba(142,142,142,0.5);
}
#Major .swiper-pagination-bullet:first-child p::before,
#Major .swiper-pagination-bullet:last-child p::after {
	display:none;
}
#Personnel .tab_cont {
	text-align:left;
}
#Personnel .tab_cont ul li {
	margin-bottom:4rem;
}
#Personnel .tab_cont ul li:last-child {
	margin-bottom:0;
}
#Personnel .tab_cont ul li h3 {
	font-size:1.2rem;
	padding-bottom:1rem;
	border-bottom:1px solid rgba(0,0,0,.2);
	line-height:1.2;
	margin-bottom:1.5rem;
}
#Personnel .tab_cont ul li h3 span {
	color:#0065B3
}
#Personnel .tab_cont ul li .d-flex {
	justify-content: flex-start;
	gap:1.5rem;
}
#Personnel .tab_cont ul li .d-flex h4 {
	font-size:0.95rem;
	font-weight:400;
}
#Personnel .tab_cont ul li .d-flex span[class^=counter] {
	font-size:2rem;
	font-weight:bold;
}
#Personnel .tab_cont ul li .d-flex img {
	max-width:calc(100% - 8rem);
	/* width:0%;
	object-fit: cover;
	object-position:left; */
	/* height:4.5rem;
	transition:width 1s cubic-bezier(0.39, 0.575, 0.565, 1); */
}
#Personnel .tab_cont ul li:nth-child(5) img {
	max-width:calc((100% - 8rem) * 0.89);
}
#Personnel .tab_cont ul li:nth-child(4) img {
	max-width:calc((100% - 8rem) * 0.778);
}
#Personnel .tab_cont ul li:nth-child(3) img {
	max-width:calc((100% - 8rem) * 0.554);
}
#Personnel .tab_cont ul li:nth-child(2) img {
	max-width:calc((100% - 8rem) * 0.37);
}
#Personnel .tab_cont ul li:nth-child(1) img {
	max-width:calc((100% - 8rem) * 0.256);
}
/* #Personnel .tab_cont ul li:nth-child(1) img.active {
	width:14.9rem;
}
#Personnel .tab_cont ul li:nth-child(2) img.active {
	width:21.4rem;
	transition:width 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#Personnel .tab_cont ul li:nth-child(3) img.active {
	width:32.2rem;
	transition:width 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#Personnel .tab_cont ul li:nth-child(4) img.active {
	width:45.2rem;
	transition:width 1.75s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#Personnel .tab_cont ul li:nth-child(5) img.active {
	width:51.65rem;
	transition:width 2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#Personnel .tab_cont ul li:nth-child(6) img.active {
	width:58.75rem;
	transition:width 2.2s cubic-bezier(0.39, 0.575, 0.565, 1);
} */

#Inspection .art1 {
	background:url(../img/safety/tab03_art1_bg.jpg) no-repeat 50%;
	background-size:cover;
	position:relative;
}
#Inspection .art1 .wrap_1620::after {
	content:'';
	display:block;
	padding-top:53%;
}
.safety .banner {
	background:url(../img/safety/safety_bg.jpg) no-repeat 50%;
	background-size:cover;
}
.safety article p[class^=text] {
	font-size:0.9rem;
	color:#4A4A49;
	text-align:center;
	line-height:1.3;
	/* font-weight:bold; */
	letter-spacing: -0.1rem;;
}
#Inspection article p[class^=text] span[class^=counter] {
	font-size:1.5rem;
	font-weight:bold;
}
#Inspection article p[class^=text] span[class^=counter] small {
	font-size:0.9rem;
	font-weight:400;
	margin:0 0.2rem 0 0.1rem;
}
.safety article p[class^=text].blue,
.safety article span[class^=counter].blue {
	color: #0065B3 !important;
}
#Inspection article p[class^=text].red {
	color: #C65450;
}
#Inspection .art1 .wrap_1620 {
	position:relative;
}
#Inspection .art1 .text1 {
	position: absolute;
    left: 15.5%;
    bottom: 38%;
    transform: translate(-50%, -50%);
}
#Inspection .art1 .text2 {
	position: absolute;
    left: 26%;
    bottom: 66%;
    transform: translate(-50%, -50%);
}
#Inspection .art1 .text3 {
	position: absolute;
	left: 45%;
    bottom: 55%;
    transform: translate(-50%, -50%);
}
#Inspection .art1 .text4 {
	position: absolute;
    left: 55%;
    bottom: 92%;
    transform: translate(-50%, -50%);
}
#Inspection .art1 .text5 {
	position: absolute;
    left: 74.3%;
    bottom: 29%;
    transform: translate(-50%, -50%);
}
#Inspection .art1 .text6 {
	position: absolute;
    left: 84.5%;
    bottom: 49.5%;
    transform: translate(-50%, -50%);
}

#Inspection .art1 + .d-flex >div {
	width:50%;
}
#Inspection .art2 {
	background:url(../img/safety/tab03_art2_bg.jpg) no-repeat 50%;
	background-size:cover;
	position:relative;
}
#Inspection .art2 .wrap_1620 {
	position:relative;
}
#Inspection .art2 .wrap_1620::after {
	content:'';
	display:block;
	padding-top:31%;
}
#Inspection .art2 .text1 {
	position: absolute;
    left: 20.5%;
    bottom: 58%;
    transform: translate(-50%, -50%);
}
#Inspection .art2 .text2 {
	position: absolute;
    left: 39.5%;
    bottom: 86%;
    transform: translate(-50%, -50%);
}
#Inspection .art2 .text3 {
	position: absolute;
    left: 61%;
    bottom: 88%;
    transform: translate(-50%, -50%);
}
#Inspection .art2 .text4 {
	position: absolute;
    left: 81.5%;
    bottom: 35%;
    transform: translate(-50%, -50%);
}

#Inspection .art2 + .d-flex >div {
	width:50%;
}
#Inspection .art3 {
	background:url(../img/safety/tab03_art3_bg.jpg) no-repeat 50%;
	background-size:cover;
	position:relative;
}
#Inspection .art3 .wrap_1620 {
	position:relative;
}
#Inspection .art3 .wrap_1620::after {
	content:'';
	display:block;
	padding-top:36.5%;
}
#Inspection .art3 .text1 {
	position: absolute;
    left: 21%;
    bottom: 54%;
    transform: translate(-50%, -50%);
}
#Inspection .art3 .text2 {
	position: absolute;
    left: 38.3%;
    bottom: 90%;
    transform: translate(-50%, -50%);
}
#Inspection .art3 .text3 {
	position: absolute;
    left: 56%;
    bottom: 61%;
    transform: translate(-50%, -50%);
}
#Inspection .art3 .text4 {
	position: absolute;
    left: 76.5%;
    bottom: 90%;
    transform: translate(-50%, -50%);
}

#Inspection .art3 + .d-flex > div {
	width:50%;
}
#Inspection .art4 {
	background:url(../img/safety/tab03_art4_bg.jpg) no-repeat 50%;
	background-size:cover;
	position:relative;
}
#Inspection .art4 .wrap_1620 {
	position:relative;
}
#Inspection .art4 .wrap_1620::after {
	content:'';
	display:block;
	padding-top:41%;
}
#Inspection .art4 p[class^=text] em {
	font-size:1.2rem;
}
#Inspection .art4 p[class^=text] small {
	font-size:0.75rem;
}
#Inspection .art4 .text1 {
	position: absolute;
    left: 19.8%;
    bottom: 48%;
    transform: translate(-50%, -50%);
}
#Inspection .art4 .text2 {
	position: absolute;
    left: 39%;
    bottom: 84%;
    transform: translate(-50%, -50%);
}
#Inspection .art4 .text3 {
	position: absolute;
    left: 63.8%;
    bottom: 79%;
    transform: translate(-50%, -50%);
}
#Inspection .art4 .text4 {
	position: absolute;
    left: 77.9%;
    bottom: 79%;
    transform: translate(-50%, -50%);
}
#Inspection .art4 .text5 {
	position: absolute;
    left: 57%;
    bottom: 37.3%;
    transform: translate(-50%, -50%);
    text-align: left;
}
#Inspection .art4 .text6 {
	position: absolute;
    left: 84%;
    bottom: 52%;
    transform: translate(-50%, -50%);
    text-align: left;
}

.safety .change {
	display:-webkit-box;
	display:flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap:0.5rem;
	color:#0065B3;
}
.safety .change h5 {
	font-size:0.9rem;
}
.safety .change .past h3 {
	font-size:2rem;
}
.safety .change h3 {
	font-size:2.75rem;
	line-height:2.75rem;
}
.safety .change h3 small {
	font-size:1.2rem;
}
.safety .change .arrow {
	width:3.95rem;
	opacity:0;
}
.safety .change .now {
	opacity:0;
}
.safety .change.active .arrow {
	animation:fadeRight 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
.safety .change.active .now {
	animation:fadeRightM 1s cubic-bezier(0.39, 0.575, 0.565, 1);
	animation-delay:0.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
@keyframes fadeRight {
	from {
		transform:translate(-20%,0);
		opacity: 0;
	}
	to {
		transform:translate(0,0);
		opacity:1;
	}
}
@-webkit-keyframes fadeRight {
	from {
		transform:translate(-20%,0);
		opacity: 0;
	}
	to {
		transform:translate(0,0);
		opacity:1;
	}
}
@keyframes fadeRightM {
	from {
		transform:translate(-10%,0);
		opacity: 0;
	}
	to {
		transform:translate(0,0);
		opacity:1;
	}
}
@-webkit-keyframes fadeRightM {
	from {
		transform:translate(-15%,0);
		opacity: 0;
	}
	to {
		transform:translate(0,0);
		opacity:1;
	}
}
#Trainee .tab_cont>.d-flex {
	max-width:1280px;
	margin:auto;
	align-items: flex-end;
	height:22.2rem;
}
#Trainee .cont_img {
	width:18.45rem;
}
.safety_list {
	display:-webkit-box;
	display:flex;
	align-items: flex-end;
	text-align:center;
	gap:1rem;
}
.safety_list li p {
	font-size:0.95rem;
	color:#0065B3;
	width:6.5rem;
}
.safety_list li p span {
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing: -0.05rem;
}
#Trainee .bar_head {
	width:2.6rem;
	height:2.6rem;
	border-radius:1.3rem;
	background:#0065B3;
	margin:0.6rem 0 0.4rem;
	display:inline-block;
}
#Trainee .bar {
	width:3.3rem;
	min-height:2rem;
	background:url(../img/safety/tab04_bar.png) top center;
	background-size:cover;
	margin:auto;
	height:2rem;
	transition:all 2s ease;
}
#Trainee .trainee_wrap li h4 {
	font-size:1.2rem;
	margin-top:0.5rem;
}
#Trainee .trainee_wrap li.active .bar {
	height:16.4rem;
}
#Trainee .trainee_wrap li.active:first-child .bar {
	max-height:7.2rem;
}
#Trainee .trainee_wrap li.active:nth-child(2) .bar {
	max-height:8.75rem;
}
#Trainee .trainee_wrap li.active:nth-child(3) .bar {
	max-height:11.45rem;
}
#Trainee .trainee_wrap li.active:nth-child(4) .bar {
	max-height:16.4rem;
}
#Trainee .trainee_wrap li.active:nth-child(5) .bar {
	max-height:14.1rem;
}
#Trainee .trainee_wrap li.active:nth-child(6) .bar {
	max-height:11rem;
}

#Conduct {

}
#Conduct .tab_cont>.d-flex {
	max-width:1280px;
	margin:auto;
	align-items: flex-end;
	height:27.2rem;
	justify-content: space-around;
}
#Conduct .cont_img {
	width:16.8rem;
}
#Conduct .beaker_wrap {
	width:2.5rem;
	height:4rem;
	border-radius:0 0 2rem 2rem;
	overflow:hidden;
	background:#CCDDE7;
	display:inline-flex;
	align-items: flex-end;
	margin-top:0.6rem;
}
#Conduct .beaker_wrap .beaker {
	background:#B2D0E8;
	width:100%;
	height:1.6rem;
	transition:all 3s ease;
}
#Conduct .beaker_list li:nth-child(2) .beaker_wrap {
	height:6rem;
}
#Conduct .beaker_list li:nth-child(3) .beaker_wrap {
	height:12.45rem;
}
#Conduct .beaker_list li:nth-child(4) .beaker_wrap {
	height:21rem;
}
#Conduct .beaker_list li:nth-child(5) .beaker_wrap {
	height:24.4rem;
}
#Conduct .beaker_list li:nth-child(6) .beaker_wrap {
	height:28.7rem;
}
#Conduct .beaker_list li:nth-child(2) .beaker {
	background:#99C1E1;
}
#Conduct .beaker_list li:nth-child(3) .beaker {
	background:#73AAD5;
}
#Conduct .beaker_list li:nth-child(4) .beaker {
	background:#4C93C9;
}
#Conduct .beaker_list li:nth-child(5) .beaker {
	background:#267CBE;
}
#Conduct .beaker_list li:nth-child(6) .beaker {
	background:#0065B3;
}
#Conduct .beaker_list li.active .beaker {
	height:23.4rem;
}
#Conduct .beaker_list li:nth-child(1).active .beaker {
	max-height:2.6rem;
}
#Conduct .beaker_list li:nth-child(2).active .beaker {
	max-height:3.2rem;
}
#Conduct .beaker_list li:nth-child(3).active .beaker {
	max-height:8.7rem;
}
#Conduct .beaker_list li:nth-child(4).active .beaker {
	max-height:16.2rem;
}
#Conduct .beaker_list li:nth-child(5).active .beaker {
	max-height:19.8rem;
}
#Conduct .beaker_list li:nth-child(6).active .beaker {
	max-height:23.4rem;
}

#Improvement .change .now{
	opacity:1;
}
#Improvement .home_list {
	justify-content: space-between;
	max-width:1150px;
	margin:auto;
	height:24rem;
}
#Improvement .art1_bg {
	background: #A7A9AC;
    height: 1.3rem;
    transform: translate(0, -3.5rem);
}
#Improvement .home_list li .home {
	width:6.3rem;
}
#Improvement .home_list li p {
	width:7.5rem;
}
#Improvement .home_list li h4 {
	margin-top:2rem;
}
#Improvement .home_list li .bar {
	width:6.3rem;
	height:0;
	background:#99C1E1;
	margin:auto;
	transition:all 2.5s ease;
}
#Improvement .home_list li.active .bar {
	height:18.2rem;
}
#Improvement .home_list li.active:nth-child(1) .bar {
	max-height:0;
}
#Improvement .home_list li.active:nth-child(2) .bar {
	max-height:4.25rem;
}
#Improvement .home_list li.active:nth-child(3) .bar {
	max-height:9.4rem;
}
#Improvement .home_list li.active:nth-child(4) .bar {
	max-height:12.75rem;
}
#Improvement .home_list li.active:nth-child(5) .bar {
	max-height:18.2rem;
}
#Improvement .art2 .d-flex {
	align-items: flex-end;
	height:30rem;
	justify-content: space-evenly;
}
#Improvement .art2 .cont_img {
	width: 9rem;
    margin-bottom: 4.7rem;
}
#Improvement .art2 .art2_bg {
	height: 2.35rem;
    background: url(../img/safety/tab06_art2_bg.png) no-repeat 50%;
    background-size: 100%;
    position: relative;
    z-index: -1;
    transform: translate(0, -5.5rem);
}
#Improvement .timer_list li p {
	width:8rem;
}
#Improvement .timer_list li h4 {
	margin-top:0.3rem;
}
#Improvement .timer_list .bar {
	position:relative;
	z-index: -1;
	height:3rem;
	background:url(../img/safety/tab06_art2_bar01.png) no-repeat bottom center;
	background-size:2.75rem;
	width:4.7rem;
	margin:0.6rem auto -5rem;
	transition:all 3s ease;
}
#Improvement .timer_list li:nth-child(2) .bar {
	background:url(../img/safety/tab06_art2_bar02.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li:nth-child(3) .bar {
	background:url(../img/safety/tab06_art2_bar03.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li:nth-child(4) .bar {
	background:url(../img/safety/tab06_art2_bar04.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li:nth-child(5) .bar {
	background:url(../img/safety/tab06_art2_bar05.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li:nth-child(6) .bar {
	background:url(../img/safety/tab06_art2_bar06.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li.active .bar {
	height:30.4rem;
}
#Improvement .timer_list li.active:nth-child(1) .bar {
	max-height:4rem;
}
#Improvement .timer_list li.active:nth-child(2) .bar {
	max-height:12.25rem;
}
#Improvement .timer_list li.active:nth-child(3) .bar {
	max-height:17.7rem;
}
#Improvement .timer_list li.active:nth-child(4) .bar {
	max-height:26.3rem;
}
#Improvement .timer_list li.active:nth-child(5) .bar {
	max-height:30.4rem;
}
#Improvement .timer_list .head{
	width:5.57rem;
}
#Improvement .art2 .gray {
	color:#4A4A49 !important;
}

#Gas .gray {
	color:#4A4A49 !important;
}
#Gas .art_cont {
	background:url(../img/safety/tab07_art1_bg.png) no-repeat 50%;
    background-size: cover;
    position: relative;
}
#Gas .art_cont .wrap_1620::after {
    content: '';
    display: block;
    padding-top: 80%;
}
#Gas article p[class^=text] {
    font-size: 1.5rem;
    color: #4A4A49;
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
}
#Gas .art_cont .text1 {
	position: absolute;
    left: 35%;
    bottom: 15%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text2 {
	position: absolute;
    left: 44.3%;
    bottom: 15%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text3 {
	position: absolute;
    left: 53.5%;
    bottom: 35%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text4 {
	position: absolute;
    left: 63%;
    bottom: 54%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text5 {
	position: absolute;
    left: 72.2%;
    bottom: 80%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text6 {
	position: absolute;
    left: 81.5%;
    bottom: 90.5%;
    transform: translate(-50%, -50%);
}

#AmountUsed .tab_cont {
	overflow-x: hidden;
}
#AmountUsed .art1 .d-flex {
	align-items: flex-end;
	height:28rem;
	max-width:1280px;
	margin:auto;
	justify-content: space-between;
}
#AmountUsed .art1 .cont_img {
	width: 14.4rem;
	margin-bottom:1.3rem;
}
#AmountUsed .art1 .art1_bg {
	height: 2.35rem;
    background: url(../img/safety/tab08_art1_bg.png) no-repeat 50%;
    background-size: 100%;
    position: relative;
    z-index: -1;
    transform: translate(0, -5.5rem);
}
#AmountUsed .amount_list li p {
	width:8.6rem;
}
#AmountUsed .amount_list li h4 {
	margin-top:0.3rem;
}
#AmountUsed .amount_list .bar {
	position:relative;
	z-index: -1;
	height:3.8rem;
	background:url(../img/safety/tab08_art1_bar01.png) no-repeat bottom center;
	background-size:2.75rem;
	width:2.75rem;
	margin:0.6rem auto -5rem;
	transition:all 2.5s ease;
}
#AmountUsed .amount_list li:nth-child(2) .bar {
	background:url(../img/safety/tab08_art1_bar02.png) no-repeat bottom center;
	background-size:100% auto;
}
#AmountUsed .amount_list li:nth-child(3) .bar {
	background:url(../img/safety/tab08_art1_bar03.png) no-repeat bottom center;
	background-size:100% auto;
}
#AmountUsed .amount_list li:nth-child(4) .bar {
	background:url(../img/safety/tab08_art1_bar04.png) no-repeat bottom center;
	background-size:100% auto;
}
#AmountUsed .amount_list li:nth-child(5) .bar {
	background:url(../img/safety/tab08_art1_bar05.png) no-repeat bottom center;
	background-size:100% auto;
}
#AmountUsed .amount_list li.active .bar {
	height:28.1rem;
}
#AmountUsed .amount_list li.active:nth-child(1) .bar {
	max-height:4.8rem;
}
#AmountUsed .amount_list li.active:nth-child(2) .bar {
	max-height:7.9rem;
}
#AmountUsed .amount_list li.active:nth-child(3) .bar {
	max-height:16.65rem;
}
#AmountUsed .amount_list li.active:nth-child(4) .bar {
	max-height:23.45rem;
}
#AmountUsed .amount_list li.active:nth-child(5) .bar {
	max-height:28.1rem;
}
#AmountUsed .amount_list .head{
	max-width:5.57rem;
}
#AmountUsed .gray {
	color:#4A4A49 !important;
}

#AmountUsed .art2 .d-flex {
	align-items: flex-end;
}
#AmountUsed .art2 .cont_img {
	width:18.75rem;
	margin-bottom:3.2rem;
}
#AmountUsed .art2 .d-flex {
	justify-content: space-around;
}
#AmountUsed .accident_list {
	justify-content: space-between;
	height:34.5rem;
}
#AmountUsed .art2_bg {
	background: #96999C;
    height: 2.35rem;
    transform: translate(0, -4.3rem);
	position:relative;
	z-index: -1;
}
#AmountUsed .accident_list li p {
	width: 3.5rem;
    display: inline-block;
}
#AmountUsed .accident_list li h4 {
	margin-top:1.3rem;
}
#AmountUsed .accident_list li .bar {
	width: 5.95rem;
    height: 3.9rem;
    margin: auto;
    transition: all 2.5s ease;
    background: url(../img/safety/tab08_art2_bar01.png) no-repeat bottom center;
    background-size: 100% auto;
}
#AmountUsed .accident_list li:nth-child(2) .bar {
	width:8.1rem;
	background: url(../img/safety/tab08_art2_bar02.png) no-repeat bottom center;
    background-size: 100% auto;
	transform:translate(-5%,0);
}
#AmountUsed .accident_list li:nth-child(3) .bar {
	width:7.5rem;
	background: url(../img/safety/tab08_art2_bar03.png) no-repeat bottom center;
    background-size: 100% auto;
	transform:translate(13%,0);
}
#AmountUsed .accident_list li:nth-child(4) .bar {
	width:8.55rem;
	background: url(../img/safety/tab08_art2_bar04.png) no-repeat bottom center;
    background-size: 100% auto;
	transform:translate(-15.5%,0);
}
#AmountUsed .accident_list li:nth-child(5) .bar {
	width:7.85rem;
	background: url(../img/safety/tab08_art2_bar05.png) no-repeat bottom center;
    background-size: 100% auto;
	transform:translate(6.5%,0);
}
#AmountUsed .accident_list li.active .bar {
	height:31rem;
}
#AmountUsed .accident_list li.active:nth-child(1) .bar {
	max-height:11.25rem;
}
#AmountUsed .accident_list li.active:nth-child(2) .bar {
	max-height:31rem;
}
#AmountUsed .accident_list li.active:nth-child(3) .bar {
	max-height:22.75rem;
}
#AmountUsed .accident_list li.active:nth-child(4) .bar {
	max-height:21rem;
}
#AmountUsed .accident_list li.active:nth-child(5) .bar {
	max-height:12.55em;
}

/* ----------------- corporatiion ------------------- */
.corporation .banner {
	background:url(../img/corporation/corporation_bg.jpg) no-repeat 50%;
	background-size:cover;
}
.corporation .banner .banner_tit::after {
	width:50%;
}
.corporation .tab_nav li {
	width: calc((100% - 0.8rem) / 3);
	height:3.85rem;
}

#Video .video_tit {
	font-size:1.9rem;
	color:#4A4A49;
	letter-spacing: -0.1rem;
}
#Data .tab_cont {
	text-align:center;
}
#Data .data_list {
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
}
#Data .data_list li {
	width:50%;
	position:relative;
	display:-webkit-box;
	display:flex;
	justify-content: center;
	align-items: center;
	height:28.5rem;
	border-bottom:1px solid rgba(0,0,0,0.2);
	padding:2rem 0.5rem 4.3rem 0.5rem;
}
#Data .data_list li.wd_100 {
	width:100%;
}
#Data .data_list li img {
	zoom:0.5;
	max-height:100%;
	max-width:90%;
}
#Data .data_list li p {
	position:absolute;
	left:50%;
	bottom:2rem;
	font-size:1rem;
	font-weight:300;
	color:#4A4A49;
	transform:translate(-50%,0);
	width:100%;
	text-align:center;
}
#Data .data_list li:last-child ,
#Data .data_list li:nth-last-child(2) {
	border-bottom:none;
}
#CongMessage .banner .banner_tit::after {
	width:45%;
}
.post_list_wrap {
	display:none;
}
.post_list_wrap:first-child {
	display:block;
}
.post_list {
	display:-webkit-box;
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap:2.5rem;
	flex-wrap:wrap;
}
.post_list li {
	width:calc((100% - 5rem) / 3);
	position:relative;
	background:url(../img/corporation/post_w.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 2),
.post_list li:nth-child(12n + 7) {
	background:url(../img/corporation/post_pink.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 3),
.post_list li:nth-child(12n + 8) {
	background:url(../img/corporation/post_purple.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 4),
.post_list li:nth-child(12n + 11) {
	background:url(../img/corporation/post_y.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 5),
.post_list li:nth-child(12n) {
	background:url(../img/corporation/post_g.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 6),
.post_list li:nth-child(12n + 10) {
	background:url(../img/corporation/post_b.png) no-repeat top center;
	background-size:cover;
}
.post_list li::after {
	content: '';
    display: block;
    padding-top: 104%;
}
.post_list li h4 {
	font-size:1rem;
	position:absolute;
	left:1.5rem;
	bottom:2.75rem;
}
.post_list li p {
	font-size: 1rem;
    color: #4A4A49;
    position: absolute;
    top: 20%;
    left: 1.5rem;
    width: calc(100% - 2.5rem);
    padding-right: 0.75rem;
    height: calc(80% - 5rem);
    word-break: keep-all;
    line-height: 1.5;
}
.more_btn {
	display:block;
	color:#fff;
	font-size:1.2rem;
	font-weight:bold;
	background:#0065B3;
	padding:1rem;
	text-align:center;
	width:100%;
}
.more_btn img {
	width:1.5rem;
	margin-left:0.8rem;
	margin-bottom: 0.1rem;
}



#Anniversary #bg_video {
	display:block;
}
#Anniversary .top_visual {
	height:730px;
}
#Anniversary .top_visual .right h2 {
	font-size:120px;
}
#Anniversary div[class^=tab0] {
	padding:5.7rem 0 5rem;
	display:none;
}
#Anniversary div[class^=tab0].on {
	display:block !important;
}
#Anniversary .iframe_wrapper {
	margin:0 auto;
	text-align:center;
}

#EBook .banner {
	background:url(../img/ebook/ebook_bg.jpg) no-repeat 50%;
	background-size:cover;
}
#EBook .banner .banner_tit::after {
	width:50%;
}
#EBook .cont  {
	padding-top:0;
}
#EBook .cont .d-flex {
	align-items: center;
	justify-content: flex-start;
	gap:2.5rem;
}
#EBook .cont .d-flex .logo {
	width:18.1rem;
}
#EBook .cont .book_img {
	width:49.1rem;
}
#EBook .cont .right {
	display:inline-block;
	text-align:center;
	width:21rem;
}
#EBook .cont .right h3 {
	font-size:2rem;
	line-height:1.3;
	letter-spacing:-0.1rem;
}
#EBook .cont .right .btn {
	display:inline-flex;
	display:-webkit-inline-flex;
	align-items: center;
	background:linear-gradient(to right,#00A7E5,#009EDD 20%, #0085CA 50%, #005EAB 90%, #004F9F);
	padding:1rem;
	border-radius:0.5rem;
	color:#fff;
	font-size:1.1rem;
	font-weight:500;
	width:100%;
	justify-content: space-between;
	width:21rem;
}
#EBook .cont .right .btn img {
	width:1.4rem;
}

.mb_10 { margin-bottom:0.5rem;}
.mb_15 { margin-bottom:0.75rem;}
.mb_20 { margin-bottom:1rem;}
.mb_25 { margin-bottom:1.25rem;}
.mb_30 { margin-bottom:1.5rem;}
.mb_40 { margin-bottom:2rem;}
.mb_45 { margin-bottom:2.25rem;}
.mb_50 { margin-bottom:2.5rem;}
.mb_55 { margin-bottom:2.75rem;}
.mb_60 { margin-bottom:3rem;}
.mb_70 { margin-bottom:3.5rem;}
.mb_80 { margin-bottom:4rem;}
.mb_85 { margin-bottom:4.25rem;}
.mb_100 { margin-bottom:5rem;}

@media screen and (max-width: 1750px) {
	#Memory .card_flex {
		justify-content: center;
		gap: 100px;
	}
}
@media screen and (max-width: 1680px) {
	html {
		font-size:18px;
	}
	.wrap_1620 {
		width:90%;
	}
	#History .top_visual .right p br {
		display:none;
	}
	.his_cont .right {
		padding-left:45px;
	}
	.top_visual .right p br{
		display:none;
	}
	.his_list li.img_li p {
		max-width:calc(100% - 320px);
	}
	.his_list li small {
		max-width:calc(100% - 320px);
	}
	.his_list li small br {
		display:none;
	}
	.his_list li .img_wrap {
		width:300px;
		height:176px;
		top:-30px;
	}
}
@media screen and (max-width: 1440px) {
	html {
		font-size:16px;
	}
	
	.tab_list li a {
		font-size:19px;
	}
	.wrap_1350 {
		width:90%;
	}
	#Trainee .tab_cont>.d-flex {
		justify-content: space-around;
	}
	#EBook .cont .d-flex {
		gap:0;
	}
}
@media screen and (max-width: 1380px) {
	body {
		overflow-x:auto;
	}
	.his_list li .img_wrap {
		width:400px;
		height:235px;
		position:relative;
		top:0;
		margin-top:20px;
	}
	.his_list li.img_li p {
		max-width:100%;
	}
	.his_list li small {
		max-width:100%;
		min-height:auto;
	}
}
@media screen and (max-width:1280px) {
	html {
		font-size:14px;
	}
	.wrap_1280 {
		width:90%;
	}
	.post_list {
		gap:1.5rem;
	}
	.post_list li {
		width:calc((100% - 3rem) / 3);
	}
	#Timeline .bottom .btn {
		padding:1.65rem 2rem;
		gap:1rem;
	}
	#Major .major_swiper_wrap {
		padding:0 5.5rem;
	}
	#Major .major-swiper-next {
		right:0;
	}
	#Major .major-swiper-prev {
		left:0;
	}

	#Improvement .home_list {
		width:90%;
	}
	#EBook .cont {
		padding:3rem 0 5rem;
	}
	#EBook .cont .book_img {
		max-width:60%;
	}
}
@media screen and (max-width : 1024px) {
	nav {
		display:none;
	}
	.head_area {
		display:block;
	}
	.head_area .logo {
		width:18.1rem;
	}
	.banner {
		padding-top:10rem;
	}
	.banner .category li {
		font-size:1rem;
	}
	.top_nav .home {
		width:1.1rem;
		height:1.1rem;
	}
	.top_nav span {
		font-size:1.25rem;
	}
	.visual_sub 
	.history .bdt .d-flex .top_tit:last-child {
		order:-1;
	}
	.history .bdt .d-flex {
		flex-direction: column;
		gap:2rem;
	}
	.history .d-flex .history_wrap {
		width:100%;
		max-width:100%;
	}
	.history .d-flex.two {
		align-items: center;
	}
	.history .history_wrap p,
	.history .img_desc {
		font-size:1.2rem;
	}
	.history .top_tit br{
		display:none;
	}
	.tab_wrap {
		position:relative;
		right:auto;
		margin-top:2rem;
		margin-bottom:-1.5rem;
	}
	.history_tab li {
		width:8rem;
		max-width:20%;
	}
	.interview_wrap.d-flex {
		flex-direction: row !important;
	}
	.interview_wrap .left .text {
		margin-top:0;
	}
	.interview_wrap .left p {
		font-size:1rem;
	}
	.qa_list .icon {
		width:1.5rem;
		height:1.5rem;
	}
	.qa_list dt, .qa_list dd {
		font-size:1.1rem;
		padding-left:2rem;
	}
	#Interview .history_tab li {
		max-width:50%;
		width:50%;
	}
	#Timeline .bottom .btn {
		padding:1rem 1.5rem;
		width:calc(50% - 0.75rem);
		position:relative;
	}
	#Timeline .bottom .wrap_1620 {
		gap:1.5rem;
	}
	#Major .major_swiper .swiper-slide .text>*:not(hr) {
		padding:0 1.5rem;
	}
	#Major .major_swiper .swiper-slide .text {
		width:40%;
	}
	#Inspection .cont {
		overflow:hidden;
	}
	#Inspection .art1 {
		transform:scale(1.2);
		margin:4rem 0 9rem;
	}
	#Inspection .art2 {
		transform:scale(1.3);
		margin:4rem 0 9rem;
	}
	#Inspection .art3 {
		transform:scale(1.3);
		margin:4rem 0 9rem;
	}
	#Inspection .art4 {
		transform:scale(1.3);
		margin:4rem 0;
	}
	#Inspection article p[class^=text] {
		transform: translate(-50%, -20%) scale(0.75) !important;
	}
	#Inspection .art1 p[class^=text] {
		transform: translate(-50%, -20%) scale(0.8) !important;
	}
	#Gas .tab_cont{
		overflow:hidden;
	}
	#Gas .art1 .art_cont {
		transform:scale(1.2);
	}
	#Gas article p[class^=text] {
		font-size:1.2rem;
	}

	.safety_list {
		gap:0.5rem;
	}
	#Trainee .tab_cont>.d-flex {
		justify-content: space-between;
		gap:1rem;
	}
	#Trainee .cont_img {
		width:calc(100% - 44rem);
	}
	#AmountUsed .safety_list {
		gap:0;
	}
	#AmountUsed .art1 .cont_img {
		max-width:14.4rem;
		width:calc(100% - 43rem);
	}
	#AmountUsed .art2 .d-flex {
		justify-content: space-between;
	}
	#AmountUsed .art2 .cont_img {
		max-width: 18.75rem;
		width:calc(100% - 40rem);
	} 

	#EBook .cont .book_img {
		max-width:calc(100% - 20rem);
		margin-left:-5%;
	} 
}
@media screen and (max-width : 900px) {
	footer .d-flex {
		flex-direction: column;
        align-items: flex-start;
		position:relative;
	}
	footer a {
		position:absolute;
		right:0;
		top:0;
	}
	#Timeline .bottom .btn {
		flex-direction: column;
		align-items: flex-end;
		gap:0.75rem;
		padding:1.5rem 1.5rem 1.5rem 4.5rem;
		width:calc(50% - 0.5rem);
	}
	#Timeline .bottom .btn:last-child {
		padding:1.5rem 4.5rem 1.5rem 1.5rem;
		flex-direction: column;
		align-items: flex-start;
	}
	#Timeline .bottom .btn img {
		position:absolute;
		top:50%;
		left:1.5rem;
		transform:translate(0,-50%);
	}
	#Timeline .bottom .btn>span {
		padding-left:0;
		border-left:none;
		border-bottom:1px solid rgba(0,0,0,.2);
		padding-bottom:0.3rem;
	}
	#Timeline .bottom .btn:last-child img {
		position:absolute;
		top:50%;
		right:1.5rem;
		left:auto;
		transform:translate(0,-50%);
	}
	#Timeline .bottom .btn:last-child>span {
		border-right:0;
	}
	#Timeline .bottom .wrap_1620 {
		gap:1rem;
	}
	.tab_nav {
		flex-wrap:wrap;
	}
	.tab_nav li {
		width: calc((100% - 1.2rem) / 4);
		height: 3.85rem;
	}
	#Major .major_swiper_wrap {
		padding:0 4.5rem;
	}
	#Major .major_swiper_wrap .wrap_1350 {
		width:100%;
	}
	#Major .major_swiper .swiper-slide {
		flex-direction: column-reverse;
	}
	#Major .major_swiper .swiper-slide .text {
		width:100%;
		padding:2rem 0 2.5rem;
	}
	#Major .major_swiper .swiper-slide .right {
		width:100%;
	}
	#Major .major_swiper .swiper-slide .text>*:not(hr) {
		padding:0 2rem;
	}
	#Major .major_swiper .swiper-slide .text hr {
		margin-bottom:1rem;
	}

	#Trainee .safety_list {
		transform: scale(0.85);
        transform-origin: left bottom;
        margin-right: -12%;
		gap:0;
	}	
	#Trainee .cont_img {
        width: calc(100% - 34rem);
    }
	#Trainee .tab_cont>.d-flex {
		height:21rem;
	}
	#Conduct .tab_cont>.d-flex {
		justify-content: space-between;
	}
	#Conduct .beaker_list li p {
		width:5rem;
	}
	#Conduct .cont_img {
		max-width:16.8rem;
		width:calc(100% - 32rem);
	}
	#Improvement .art2 .d-flex {
		justify-content: space-between;
	}
	#Improvement .safety_list {
		gap:0rem;
	}
	#AmountUsed .art1 .cont_img {
		width:calc(100% - 40rem);
	}
	#AmountUsed .safety_list {
		transform:scale(0.9);
		transform-origin:left bottom;
		margin-right:-8%;
	}
	#AmountUsed .art1 .d-flex {
		height:31rem;
	}
	#AmountUsed .art2 .cont_img {
        width: calc(100% - 36rem);
    }
}
@media screen and (max-width:768px) {
	html {
		font-size:12px;
	}
	.mob_br {
		display:inline-block;
	}
	.web_br {
		display:none;
	}
	footer .d-flex>p {
		font-size:0.9rem;
	}
	.top_btn {
		bottom:2rem;
		width:5rem;
		height:5rem;
	}
	.top_btn img {
		display:block;
		width:5rem;
	}
	.history .cont_tit {
		font-size:2.3rem;
		margin-top:0.3rem;
	}
	.history .cont_subtit {
		font-size:1.9rem;
	}
	.art_tit {
		font-size:1.3rem;
	}
	.banner .banner_subtit {
		font-size:1.3rem;
	}
	.visual_sub .tit_wrap strong {
		font-size:1.3rem;
	}
	.swiper-pagination {
		display:-webkit-box;
		display:flex;
		align-items: flex-start;
		justify-content: center;
	}
	.post_list li {
        width: calc((100% - 1.5rem) / 2);
    }
	.tab_nav li a {
		font-size:1.2rem;
	}
	.timeline_sel.nice-select::after {
		width:3rem;
	}
	.detail_layer .close {
		width:3rem;
	}
	.visual_sub>.section>.wrap_1350 {
		padding-top:4rem;
		display:flex;
		display:-webkit-flex;
		flex-direction: column;
		justify-content: center;
		gap:4rem;
	}
	.visual_sub .tit_wrap {
		position:relative;
		transform:none;
		top:auto;
	}
	.visual_sub .gnb {
		position:relative;
		transform:none;
		top:auto;
	}
	.visual_sub .gnb li a {
		text-align:left;
		font-size:1.25rem;
	}
	.visual_sub .tit_wrap strong::before {
		transform:translate(calc(-10vw),-1rem);
	}
	.visual_sub .section {
		min-height:70rem;
	}
	.visual_sub .gnb li a small {
		font-size:1.2rem;
	}
	.quick_history {
		top:7rem;
	}
	.quick_history select {
		font-size:1.1rem;
	}
	.history article.blue .wrap_1350 {
		width:80%;
	}
	.interview_wrap.d-flex {
		flex-direction: column !important;
	}
	.interview_wrap.p .left,
	.interview_wrap.vp .left,
	.interview_wrap.p .right,
	.interview_wrap.vp .right {
		width:100%;
		gap:3rem;
	}
	.interview_wrap.p .left,
	.interview_wrap.vp .left {
		z-index: 10;
	}
	.interview_wrap.p .right,
	.interview_wrap.vp .right {
		margin-top: -5px;
    	z-index: 1;
	}
	
	#Major .swiper-pagination-bullet {
		width:20%;
		padding-right:0.5rem;
		padding-left:0.5rem;
	}
	#Major .swiper-pagination-bullet:first-child {
		padding-left:0;
	}
	#Major .swiper-pagination-bullet:last-child {
		padding-right:0;
	}

	#Timeline .top>.d-flex {
		flex-direction: column;
		gap:3rem;
	}
	#Timeline .top h3::after {
		right: auto;
        left: -6%;
        width: calc(20rem + 11.2%);
	}
	.timeline_sel.nice-select {
		display:inline-block;
		margin-bottom:2rem;
	}
	#Timeline .top .iframe_wrapper {
		width:100%;
	}
	#Timeline .top h3 {
		line-height:1.5;
	}
	#Timeline .middle .swiper-slide p {
		font-size:1.05rem;
	}
	#Timeline .bottom .btn {
		padding-bottom:1.2rem !important;
	}
	#Timeline .bottom .btn em {
		line-height:1.4;
	}

	#Major .major_swiper_wrap {
		padding:0 4rem;
	}
	#Major .tab_cont div[class^=major-swiper] img {
		width:3.1rem;
	}

	.safety .tab_nav li a {
		font-size:1.1rem;
	}
	.safety .change .past h3 {
		font-size:1.8rem;
	}
	.safety .change h3 {
		font-size:2.5rem;
	}
	#Trainee .safety_list {
		transform: scale(0.8);
		margin-right:-15%;
	}
	#Trainee .cont_img {
		max-width: 20rem;
        width: calc(100% - 31.5rem);
	}
	#Trainee .tab_cont>.d-flex {
		gap:0.5rem;
	}
	#Personnel .tab_cont ul li .d-flex span[class^=counter] {
		font-size:1.8rem;
	}
	#Personnel .tab_cont ul li .d-flex {
		gap:1rem;
	}
	#Inspection article p[class^=text] span[class^=counter] {
		font-size:1.3rem;
	}
	#Gas .art1 .art_cont {
		margin-top:7rem;
	}
	#Improvement .home_list li .home ,
	#Improvement .home_list li .bar{
		width:5rem;
	}
	#Improvement .art2 .d-flex {
		gap:0rem;
	}
	#Improvement .art2 .cont_img {
		width:calc(100% - 38.5rem);
		max-width:9rem;
	}
	#Improvement .safety_list li{
		transform:scale(0.9);
		transform-origin:center bottom;
	}
	#Improvement .home_list li h4 {
		margin-top:2.3rem;
	}
	#AmountUsed .art1 .cont_img {
		width: calc(100% - 33rem);
		max-width:12rem;
	}
	#AmountUsed .safety_list {
		transform:scale(0.8);
		margin-right:-25.5%;
	}
	#AmountUsed .safety_list li {
		margin:0 -1%;
	}
	#AmountUsed .art1 .d-flex {
        height: 28rem;
    }
	#AmountUsed .accident_list {
        margin-right: -18%;
        transform: scale(0.75);
		height:24.5rem;
    }
	#AmountUsed .art2 .cont_img {
		margin-bottom:2.5rem;
		width: calc(100% - 31.5rem);
	}
	#AmountUsed .art2_bg {
		transform: translate(0, -3.6rem);
	}

	#EBook .cont .d-flex {
		flex-direction: column;
	}
	#EBook .cont .book_img {
		max-width:90%;
	}
	#EBook .cont .right {
		width:100%;
	}
	#EBook .cont .right .btn {
		display:flex;
		display:-webkit-flex;
		width:23rem;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width:600px) {
	.qa_list .float_img {
		float:none;
	}
	.qa_list .float_img.left {
		float:none;
		margin:0;
	}
	#Major .major_swiper .swiper-slide .text>*:not(hr) {
		padding:0 1.5rem;
	}
	#Major .major_swiper .swiper-slide .text h5 {
		font-size:1.1rem;
	}
	#Major .major_swiper .swiper-slide .text h4 {
		font-size:1.4rem;
	}
	.safety .change .arrow {
		width:3.5rem;
		transform: translate(0, -20%);
	}
	#Trainee .safety_list {
		transform: scale(0.65);
        margin-right: -33.33%;
	}
	#Trainee .cont_img {
        width: calc(100% - 26.5rem);
	}
	#Conduct .beaker_list li p {
		width:4rem;
	}
	#Conduct .cont_img {
		width:calc(100% - 26rem);
	}
	#Improvement .art1_bg {
		height:1.2rem;
	}
	#Improvement .art2 .d-flex {
		justify-content: space-between;
		gap:0.5rem;
		height:24rem;
	}
	#Improvement .safety_list li{
		transform:scale(0.85);
	}
	#Improvement .safety_list li p {
		margin:0 -5%;
	}
	#Improvement .art2 .safety_list li p span {
		font-size:1.7rem;
	}
	#Improvement .art2 .safety_list li:last-child p {
		width:8.5rem;
	}
	#Improvement .home_list li h4 {
		margin-top:2.5rem;
	}
	#Improvement .art2 {
		overflow:hidden;
	}
	#Improvement .art2 .cont_img {
        width: calc(100% - 29rem);
    }
	#Improvement .timer_list {
		margin-right: -31%;
		margin-bottom:2%;
	}
	#Improvement .timer_list li {
        transform: scale(0.7);
		margin:0 -3%;
    }
	#Gas article p[class^=text] {
		font-size:1rem;
		transform:translate(-50%,-40%) !important;
	}
	#AmountUsed .safety_list {
        transform: scale(0.7);
        margin-right: -41%;
    }
	#AmountUsed .art1 .art1_bg {
		transform: translate(0, -4.5rem);
	}
	#AmountUsed .art1 .cont_img {
		width:calc(100% - 27rem);
	}
	#AmountUsed .art2 .d-flex {
		gap:0.5rem;
	}
	#AmountUsed .art2 .cont_img {
        width: calc(100% - 23.5rem);
    }
	#AmountUsed .accident_list {
        margin-right: -31%;
        transform: scale(0.65);
    }
	#AmountUsed .accident_list li {
        transform:scale(0.9);
		transform-origin:center bottom;
		margin:0;
	}
	#AmountUsed .accident_list li p {
		font-size:1.3rem;
		width:4.4rem;
	}
	#AmountUsed .accident_list li p span {
		font-size:1.9rem;
	}
}
@media screen and (max-width:480px) {
	html {
		font-size:10px;
	}	
	.post_list li p {
		font-size: 1.1rem;
        line-height: 1.4;
        height: calc(80% - 5rem);
	}
	.post_list li h4 {
		font-size:1.2rem;
		bottom:2rem;
	}
	.safety .change h3 small {
		font-size:1.1rem;
	}
	.safety .change h3 {
		font-size:2.5rem;
	}
	.safety .change .past h3 {
		font-size:1.8rem;
	}
	#AmountUsed .art2 .cont_img {
		margin-bottom:2.2rem;
	}
	#AmountUsed .art2_bg {
		height:2rem;
		transform:translate(0, -3rem);
	}
	#AmountUsed .art2 .cont_img {
		width:calc(100% - 24.5rem);
	}
	#AmountUsed .accident_list {
		margin-right:-33.33%;
	}
	#EBook .cont .right .btn {
		width:25rem;
	}
}