@charset "utf-8";

#sv .top-visual { position:relative; overflow:hidden }
#sv .top-visual,
#sv .top-visual .bg { height:490px; }
#sv .top-visual .bg { transform:scale(1.25); background-position:center 100px; background-size:cover; background-repeat:no-repeat; animation:bgs1 2s 0.01s; animation-fill-mode:both; }
#sv.sv01 .top-visual .bg { background-image:url(/img/sub/visual_sub01.jpg); }
#sv.sv02 .top-visual .bg { background-image:url(/img/sub/visual_sub02.jpg); }
#sv.sv03 .top-visual .bg { background-image:url(/img/sub/visual_sub03.jpg); }
#sv.sv04 .top-visual .bg { background-image:url(/img/sub/visual_sub04.jpg); }
#sv.sv05 .top-visual .bg { background-image:url(/img/sub/visual_sub05.jpg); }
#sv.sv06 .top-visual .bg { background-image:url(/img/sub/visual_sub06.jpg); }
#sv.sv07 .top-visual .bg { background-image:url(/img/sub/visual_sub07.jpg); }
#sv.sv08 .top-visual .bg { background-image:url(/img/sub/visual_sub08.jpg); }
#sv.sv010 .top-visual .bg { background-image:url(/img/sub/visual_sub08.jpg); }
#sv .top-visual .sub-titleBox { position:absolute; top:50%; transform:translateY(-50%); left:0; text-align:center; width:100%; }
#sv.sv03 .top-visual .sub-titleBox,
#sv.sv04 .top-visual .sub-titleBox,
#sv.sv05 .top-visual .sub-titleBox { top:calc(50% + 40px); }
#sv .sub-titleBox h2 { color:#fff; font-size:60px; font-weight:600; line-height:1.3 }
#sv .sub-titleBox h2 span { font-weight:700; }

#sv .location { margin-top:60px; }
#sv .location dl { display:flex; align-items:center; }
#sv .location dt { background:url(/img/sub/home_icon.svg) center center no-repeat; width:13px; height:16px; overflow:hidden; text-indent:-9999em; }
#sv .location dd { display:flex; align-items:center; }
#sv .location dd span { margin-left:43px; position:relative; color:#ccc; font-size:17px; font-weight:600; line-height:1.3; }
#sv .location dd strong { margin-left:43px; position:relative; color:#111; font-size:17px; font-weight:600; line-height:1.3; }
#sv .location dd span:before,
#sv .location dd strong:before {content:""; display:block; position:absolute; top:50%; left:-21px; transform:translateY(-50%); background:url(/img/sub/home_arr.svg) center center no-repeat; width:13px; height:16px; }

#subWrap .mNO { margin-top:-30px; }
.depthMenu { margin-top:-80px; position:relative; z-index:2; }
.depthMenu > p { display:none; }
#lnb .depth3 { display:none }
#lnb .depth2 { display:flex; flex-wrap:wrap; justify-content:center; }
#lnb .depth2 li { position:relative; }
#lnb .depth2 li:not(:last-child) { margin-right:32px; padding-right:32px; }
#lnb .depth2 li:not(:last-child):before { content:""; display:block; width:5px; height:5px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:rgba(255, 255, 255, 0.50); border-radius:5px; }
#lnb .depth2 li a { color:rgba(255, 255, 255, 0.50); font-size:23px; font-weight:700; line-height:1.3; padding:10px; display:inline-block; text-align:center }
#lnb .depth2 li a br { display:none }
#lnb .depth2 li.on a { color:#fff }
@media (max-width:1440px) { 
	#sv .top-visual,
	#sv .top-visual .bg { height:400px; }
	#sv .sub-titleBox h2 { font-size:50px; }
	#sv .location { margin-top:40px; }
	#subWrap .mNO { margin-top:-11px; }
	.depthMenu {margin-top:-60px; }
	#lnb .depth2 li:not(:last-child) { margin-right:28px; padding-right:28px; }
	#lnb .depth2 li a { font-size:22px; }
}
@media (max-width:1024px) { 
	#sv .top-visual .bg { background-position:center 60px; }
	#sv.sv03 .top-visual .sub-titleBox,
	#sv.sv04 .top-visual .sub-titleBox,
	#sv.sv05 .top-visual .sub-titleBox { top:calc(50% - 5px); }
	#sv .top-visual,
	#sv .top-visual .bg { height:300px; }
	#sv .sub-titleBox { margin-top:4%; }
	#sv .sub-titleBox h2 { font-size:34px; }
	#sv .location { margin-top:25px; }
	#sv .location dt { width:10px; height:14px; background-size:10px auto; }
	#sv .location dd span,
	#sv .location dd strong { margin-left:30px; font-size:15px; }
	#sv .location dd span:before,
	#sv .location dd strong:before { width:5px; height:10px; left:-16px; background-size:5px auto; }
	#subWrap .mNO { margin-top:0; }
	.depthMenu { position:relative; width:100%; margin:0;}
	.depthMenu { background:#fff;}
	.depthMenu > p { position:relative; z-index:5; cursor:pointer; height:50px; padding:0 20px; display:flex; align-items:center; border-bottom:1px solid #ccc;}
	.depthMenu > p:before { content:"\e941"; font-family:xeicon; display:block; position:absolute; top:50%; transform:translateY(-50%); right:20px; transition:all .3s; }
	.depthMenu > p.ov:before { transform:translateY(-50%) rotate(180deg); }
	.depthMenu > p > strong { font-size:20px; color:#000; }
	#lnb { position:absolute; left:0; top:50px; padding:0; margin:0; width:100%; background:#fff; display:none; border-bottom:1px solid #ccc; background:#F9F9F9  }
	#lnb .depth2 li:not(:last-child) { margin-right:0; padding-right:0; }
	#lnb .depth2 li { width:100%; }
	#lnb .depth2 li:not(:last-child) {border-bottom:1px solid #F0F0F0 }
	#lnb .depth2 li a { font-size:18px; height:45px; padding:0 20px; display:flex; align-items:center; color:#666; }
	#lnb .depth2 li.on a { color:var(--mainColor1); }
}
@media (max-width:640px) { 
	#sv.sv03 .top-visual .sub-titleBox,
	#sv.sv04 .top-visual .sub-titleBox,
	#sv.sv05 .top-visual .sub-titleBox { top:calc(50% + 5px); }
	.depthMenu > p { height:45px; }
	.depthMenu > p > strong { font-size:18px; }
	#lnb { top:45px; }
	#lnb .depth2 li a { font-size:17px; height:40px; }
}

/* animation */
#sv .sub-titleBox h2 { overflow:hidden; }
#sv .sub-titleBox h2 span { opacity:0; display:inline-block; animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }

#subContents > article { padding:150px 0 170px; }
#subContents > article.padd-x { padding-bottom:0; }

.subTit .stit { color:var(--mainColor1); font-size:20px; font-family:var(--engFont1); line-height:1.3; font-weight:500; }
.subTit .stit span { display:block;font-weight:500; }
.subTit h3 { margin-top:20px; color:var(--fontColor); font-size:50px; line-height:1.3; font-weight:700; letter-spacing:-0.05em; }
.subTit h3 span { display:block; position:relative; font-weight:700; padding-right:20px; }
.subTit h3 span:before { content:""; display:block; position:absolute; bottom:21%; right:0; width:8px; height:8px; border-radius:8px; background:var(--mainColor1); }
.subTit h3.noP span:before { display:none; }
@media (max-width:1024px) {
	#subContents > article { padding:100px 0 120px; }
	.subTit .stit { font-size:18px; }
	.subTit h3 { margin-top:15px; font-size:38px; }
	.subTit h3 span { padding-right:15px; }
	.subTit h3 span:before { width:6px; height:6px; }
}
@media (max-width:640px) {
	#subContents > article { padding:60px 0 80px; }
	.subTit .stit { font-size:16px; }
	.subTit h3 { margin-top:12px; font-size:28px; }
	.subTit h3 span { padding-right:10px; }
	.subTit h3 span:before { width:4px; height:4px; }
}

/* animation */
.subTit .stit,
.subTit h3 { overflow:hidden; }
.subTit .stit span,
.subTit h3 span { opacity:0; }
.subTit .stit span { opacity:0; display:inline-block; animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.subTit h3 span { opacity:0; display:inline-block; animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }



/* tabmenu */
.tabmenu > ul { margin-top:60px; display:flex; flex-wrap:wrap; gap:20px; }
.tabmenu > ul > li a { position:relative; color:#666; font-size:20px; font-weight:500; line-height:1.3; padding:0 56px; height:65px; border-radius:65px; display:inline-flex; justify-content:center; align-items:center; background:#f5f5f5; text-align:center; transition:all 0.3s; }
.tabmenu > ul > li.on a { color:#fff; background:var(--mainColor1); }

@media screen and (max-width:1024px){
	.tabmenu > ul { margin-top:30px; gap:10px; }
	.tabmenu > ul > li a { font-size:18px; padding:0 30px; height:55px; }
}
@media screen and (max-width:640px){
	.tabmenu > ul { margin-top:20px; gap:5px; }
	.tabmenu > ul > li { width:calc((100% - 5px) / 2); }
	.tabmenu > ul > li a { width:100%; font-size:16px; padding:0; height:50px; }
}

.imgLine { position:relative; }
.imgLine img { position:relative; z-index:2; max-width:100%; }
.imgLine:before { content:""; display:block; position:absolute; bottom:-30px; left:-30px; width:200px; height:200px; background:var(--mainColor1); }
.imgLine.right:before { left:unset; right:-30px; }
@media (max-width:1024px) {
	.imgLine:before { width:140px; height:140px; }
}
@media (max-width:640px) {
	.imgLine:before { width:100px; height:100px; }
}

/* animation */
.subOn > div > .imgLine:before { animation:overline-l 0.8s 1.4s; animation-fill-mode:both; }
.subOn > div > .imgLine.right:before { animation:overline-r 0.8s 1.4s; animation-fill-mode:both; }

@keyframes overline-r {
	0% { right:0; bottom:0; }
	100% { right:-30px; bottom:-30px; }
}
@keyframes overline-l {
	0% { left:0; bottom:0; }
	100% { left:-30px; bottom:-30px; }
}
@media (max-width:1760px) {
	@keyframes overline-r {
		0% { right:0; bottom:0; }
		100% { right:-15px; bottom:-15px; }
	}
	@keyframes overline-l {
		0% { left:0; bottom:0; }
		100% { left:-15px; bottom:-15px; }
	}
}
@media (max-width:1024px) {
	@keyframes overline-r {
		0% { right:0; bottom:0; }
		100% { right:-10px; bottom:-10px; }
	}
	@keyframes overline-l {
		0% { left:0; bottom:0; }
		100% { left:-10px; bottom:-10px; }
	}
}
@keyframes txt_marquee {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }			
}


/* company */
.company-box .overview{ position:relative; }
.company-box .overview:before { content:""; display:block; position:absolute; top:850px; right:0; width:566px; height:514px; background:url(/img/sub/logo_bg.svg) center right no-repeat; }
.company-box .overview .overview-top > ul > li:not(:last-child) { margin-bottom:130px; }
.company-box .overview .overview-top > ul > li { display:flex; flex-wrap:wrap; justify-content:space-between; }
.company-box .overview .overview-top > ul > li > div { width:50%; }
.company-box .overview .overview-top > ul > li > .l-box { position:relative; padding-top:100px; }
.company-box .overview .overview-top > ul > li > .l-box .subTit { position:relative; display:inline-block }
.company-box .overview .overview-top > ul > li > .l-box .txtbox { max-width:760px; margin-top:95px; }
.company-box .overview .overview-top > ul > li > .l-box .txtbox dt { color:var(--fontColor); font-size:40px; line-height:1.3; font-weight:300; }
.company-box .overview .overview-top > ul > li > .l-box .txtbox dt strong { font-weight:700; }
.company-box .overview .overview-top > ul > li > .l-box .txtbox dd p { margin-top:30px; color:var(--grayColor1); font-size:18px; line-height:1.7; font-weight:300; }
.company-box .overview .overview-top > ul > li > .l-box .txtbox dd p strong { font-weight:700; }
.company-box .overview .overview-top > ul > li > .l-box .txtbox .icon img:not(:last-child) { margin-right:18px; }
.company-box .overview .overview-top > ul > li > .r-box { text-align:right }
.company-box .overview .overview-top > ul > li:nth-child(2) { flex-direction: row-reverse; }
.company-box .overview .overview-top > ul > li:nth-child(2) > .l-box .txtbox { margin:0 0 0 auto }
.company-box .overview .overview-top > ul > li:nth-child(2) > .r-box { text-align:left; }
.company-box .overview .overview-top .motion { position:absolute; width:fit-content; height:80px; top:65px; right:-100px;}
.company-box .overview .overview-top .motion .line-wrap { position:relative; height:100%; }
.company-box .overview .overview-top .motion .line::before,
.company-box .overview .overview-top .motion .line::after { display:block; opacity:0.2; background:#929292; }
.company-box .overview .overview-top .motion .line::before { content:""; width:80px; height:1px; }
.company-box .overview .overview-top .motion .line::after { content:""; width:1px; height:80px; position:absolute; top:0; right:0; }
.company-box .overview .overview-top .motion .arrow { background:url("/img/main/icon-poly2.svg") no-repeat; width:13px; height:7px; position:absolute; bottom:50%; transform:translateY(-50%); right:-6px; animation:motion2 1.1s linear infinite alternate; }
.company-box .overview .partner-box { margin-top:200px; padding:140px 0; background:#F6F6F6;}
.company-box .overview .partner-box h4 { color:var(--fontColor); font-size:60px; font-weight:600; line-height:1.3; text-align:center }
.company-box .overview .partner-box h4 span { font-weight:600; }
.company-box .overview .partner-box .listbox { margin-top:60px; }
.company-box .overview .partner-box .listbox > ul { display:flex; flex-wrap:wrap; gap:60px; }
.company-box .overview .partner-box .listbox > ul > li { width:calc((100% - 60px) / 2); background:#fff; }
.company-box .overview .partner-box .listbox > ul.full > li { width:100%; }
.company-box .overview .partner-box .listbox > ul > li a { width:100%; height:190px; display:flex; justify-content:center; align-items:center; padding:0 10px; }
.company-box .overview .partner-box .listbox > ul > li a > span { opacity:0; color:var(--fontColor); font-size:16px; font-weight:600; line-height:1.3; padding-right:18px; display:inline-block; transition:0.3s; background:url(/img/sub/link_arr1.svg) center right no-repeat;}
.company-box .overview .partner-box .listbox > ul > li a img { transition:0.3s; }
.company-box .overview .partner-box .listbox > ul > li a:hover > span { opacity:1; }
.company-box .overview .partner-box .listbox > ul > li a:hover img { margin-right:75px; }
@media (max-width:1760px) {
	.company-box .overview .overview-top > ul > li > .r-box figure { width:90%; margin:0 0 0 auto }
	.company-box .overview .overview-top > ul > li:nth-child(2) > .r-box figure { margin:0 auto 0 0 }
}
@media (max-width:1580px) {
	.company-box .overview .overview-top > ul > li > .l-box .txtbox dd p br { display:none }
}
@media (max-width:1440px) {
	.company-box .overview:before { top:650px; width:380px; height:424px; background-size:380px auto; }
	.company-box .overview .overview-top > ul > li:not(:last-child) { margin-bottom:100px; }
	.company-box .overview .overview-top > ul > li > .l-box { padding-top:80px; }
	.company-box .overview .overview-top > ul > li > .l-box .txtbox { margin-top:70px; }
	.company-box .overview .overview-top > ul > li > .l-box .txtbox dt { font-size:30px; }
	.company-box .overview .overview-top > ul > li > .l-box .txtbox dd p {  margin-top:25px; font-size:17px; }
	.company-box .overview .overview-top > ul > li > .l-box .txtbox .icon img:not(:last-child) { margin-right:15px; }
	.company-box .overview .partner-box { margin-top:160px; padding:100px 0; }
	.company-box .overview .partner-box h4 { font-size:50px; }
	.company-box .overview .partner-box .listbox { margin-top:50px; }
	.company-box .overview .partner-box .listbox > ul { gap:50px; }
	.company-box .overview .partner-box .listbox > ul > li { width:calc((100% - 50px) / 2); }
	.company-box .overview .partner-box .listbox > ul > li a { height:170px; }
}
@media (max-width:1200px) { 
	.company-box .overview .overview-top .motion { right:-80px; }
	.company-box .overview .overview-top .motion .line::before { width:75px; }
	.company-box .overview .overview-top .motion,
	.company-box .overview .overview-top .motion .line::after { height:75px; }
}
@media (max-width:1024px) {
	.company-box .overview:before { top:950px; width:280px; height:324px; background-size:280px auto; }
	.company-box .overview .overview-top > ul > li:not(:last-child) { margin-bottom:80px; }
	.company-box .overview .overview-top > ul > li > div { width:100%; }
	.company-box .overview .overview-top > ul > li > .r-box figure,
	.company-box .overview .overview-top > ul > li:nth-child(2) > .r-box figure { width:100%; max-width:730px; margin:0; }
	.company-box .overview .overview-top > ul > li:nth-child(2) > .l-box .txtbox { margin:0; max-width:100%; }
	.company-box .overview .overview-top > ul > li > .l-box { padding-top:0; }
	.company-box .overview .overview-top > ul > li > .l-box .subTit h3 span img { width:80% }
	.company-box .overview .overview-top > ul > li > .l-box .txtbox { margin-top:40px; }
	.company-box .overview .overview-top > ul > li > .r-box { margin-top:40px; }
	.company-box .overview .overview-top > ul > li > .r-box { text-align:left; margin:0 auto; margin-top:40px; }
	.company-box .overview .overview-top .motion { top:50px; right:-10px; }
	.company-box .overview .overview-top .motion .line::before { width:65px; }
	.company-box .overview .overview-top .motion,
	.company-box .overview .overview-top .motion .line::after { height:65px; }
	.company-box .overview .partner-box { margin-top:120px; padding:80px 0; }
	.company-box .overview .partner-box h4 { font-size:34px; }
	.company-box .overview .partner-box .listbox { margin-top:40px; }
	.company-box .overview .partner-box .listbox > ul { gap:30px; }
	.company-box .overview .partner-box .listbox > ul > li { width:calc((100% - 30px) / 2); }
	.company-box .overview .partner-box .listbox > ul > li a { height:140px; }
	.company-box .overview .partner-box .listbox > ul > li img,
	.company-box .overview .partner-box .listbox > ul > li a:hover img { max-height:40px; margin-right:40px; }
	.company-box .overview .partner-box .listbox > ul > li a > span,
	.company-box .overview .partner-box .listbox > ul > li a:hover > span { opacity:1; }
}
@media (max-width:768px) { 
	.company-box .overview .partner-box .listbox > ul { gap:10px; }
	.company-box .overview .partner-box .listbox > ul > li { width:100%; }
}
@media (max-width:640px) {
	.company-box .overview:before { top:720px; width:200px; height:330px; background-size:200px auto; }
	.company-box .overview .overview-top > ul > li:not(:last-child) { margin-bottom:60px; }
	.company-box .overview .overview-top > ul > li > .l-box .txtbox { margin-top:30px; }
	.company-box .overview .overview-top > ul > li > .l-box .txtbox dt { font-size:26px; }
	.company-box .overview .overview-top > ul > li > .l-box .txtbox dd p { margin-top:20px; font-size:16px; }
	.company-box .overview .overview-top > ul > li > .r-box { margin-top:30px; }
	.company-box .overview .overview-top > ul > li > .r-box { text-align:left; margin:0 auto; margin-top:30px; }
	.company-box .overview .overview-top .motion { top:60%; right:20px; }
	.company-box .overview .overview-top .motion .line::before { width:40px; }
	.company-box .overview .overview-top .motion,
	.company-box .overview .overview-top .motion .line::after { height:40px; }
	.company-box .overview .partner-box { margin-top:90px; padding:60px 0; }
	.company-box .overview .partner-box h4 { font-size:24px; }
	.company-box .overview .partner-box .listbox { margin-top:30px; }
	.company-box .overview .partner-box .listbox > ul > li a { height:120px; }
	.company-box .overview .partner-box .listbox > ul > li img,
	.company-box .overview .partner-box .listbox > ul > li a:hover img { max-height:28px; margin-right:50px; }
}

/* animation */
.company-box .overview .overview-top > ul > li > .l-box .txtbox dt,
.company-box .overview .overview-top > ul > li > .l-box .txtbox .icon,
.company-box .overview .overview-top > ul > li > .l-box .txtbox dd { opacity:0; }
.company-box .overview .overview-top > ul > li.subOn > .l-box .txtbox dt,
.company-box .overview .overview-top > ul > li.subOn > .l-box .txtbox .icon { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; } 
.company-box .overview .overview-top > ul > li.subOn > .l-box .txtbox dd { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; } 
.company-box .overview .overview-top > ul > li > .r-box figure:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:3; }
.company-box .overview .overview-top > ul > li.subOn > .r-box figure:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.company-box .overview .overview-top .motion { opacity:0; }
.company-box .overview .overview-top > ul > li.subOn .motion { animation:ani_5 0.8s 0.6s; animation-fill-mode:both; }
.company-box .overview .partner-box h4 { overflow:hidden; }
.company-box .overview .partner-box.subOn h4 span { opacity:0; display:inline-block; animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overview .partner-box .listbox > ul > li { opacity:0; }
.company-box .overview .partner-box .listbox > ul > li.subOn:nth-child(2n-1) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-box .overview .partner-box .listbox > ul > li.subOn:nth-child(2n) { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
@media (max-width:640px) {
	.company-box .overview .partner-box .listbox > ul > li.subOn:nth-child(2n-1) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
	.company-box .overview .partner-box .listbox > ul > li.subOn:nth-child(2n) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
}

.history-box .history-list { display:flex; flex-wrap:wrap; }
.history-box .history-list .txtbox { width:46%; position:sticky; top:80px; height:800px; }
.history-box .history-list .txtbox p { margin-top:20px; color:#000; font-size:50px; font-weight:700; line-height:1.4; letter-spacing:-0.04em; }
.history-box .history-list .txtbox figure { position:relative; margin-top:30px; overflow:hidden }
.history-box .history-list .txtbox figure img { max-width:100%; }
.history-box .history-list .txtbox .tab { margin-top:60px; }
.history-box .history-list .txtbox .tab li:not(:last-child) { margin-bottom:18px; }
.history-box .history-list .txtbox .tab li a { position:relative; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.history-box .history-list .txtbox .tab li a:before { content:""; display:block; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:#111; transition:.5s; }
.history-box .history-list .txtbox .tab li a.on { color:#111; font-size:20px; font-weight:700; }
.history-box .history-list .txtbox .tab li a.on:before { width:100% }
.history-box .history-list .listbox { position:relative; width:calc(100% - 46%); margin-top:40px; }
.history-box .history-list .listbox dl { position:relative; display:flex; }
.history-box .history-list .listbox dl:before { content:""; display:block; position:absolute; z-index:5; left:188px; top:25px; width:10px; height:10px; background:#888888; border-radius:10px; transition:.5s; }
.history-box .history-list .listbox dl:after { content:""; display:block; position:absolute; z-index:4; left:184px; top:21px; width:18px; height:18px; background:rgba(0, 0, 0, 0.1); border-radius:25px; transition:.5s; } 
.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:125px; }
.history-box .history-list .listbox dl dt { position:relative; width:262px; color:#111; font-size:50px; font-weight:700; line-height:1.3; transition:.5s; }
.history-box .history-list .listbox dl dt:before { content:""; display:block; position:absolute; z-index:1; left:174px; top:11px; width:38px; height:38px; background:#fff; border-radius:38px; }
.history-box .history-list .listbox dl dd { width:calc(100% - 262px); padding-top:22px; }
.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:20px; }
.history-box .history-list .listbox dl dd li { position:relative; padding-left:14px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.history-box .history-list .listbox dl dd li:before { content:""; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background:var(--mainColor1); } 
.history-box .history-list .listbox dl.effect dt { color:var(--mainColor1); }
.history-box .history-list .listbox dl.effect:before { background:var(--mainColor1); }
.history-box .history-list .listbox dl.effect:after { background:rgba(199, 0, 11, 0.2); }
.history-box .history-list .progressbar { position:absolute; top:25px; left:192px; width:2px; height:calc(100% - 90px); background-color:#ddd; overflow:hidden; }
.history-box .history-list .progress { position: absolute; left:0; top:0; width:2px; height:0; background:var(--mainColor1); transition:.5s; }
@media (max-width:1440px) {
	.history-box .history-list .txtbox { width:42%; top:60px; height:700px; }
	.history-box .history-list .txtbox p { margin-top:20px; font-size:40px; }
	.history-box .history-list .txtbox figure { margin-top:25px; }
	.history-box .history-list .txtbox .tab { margin-top:50px; }
	.history-box .history-list .txtbox .tab li:not(:last-child) { margin-bottom:15px; }
	.history-box .history-list .listbox { width:calc(100% - 42% - 50px); margin-top:35px; margin-left:50px; }
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:100px; }
	.history-box .history-list .listbox dl:before { left:141px; }
	.history-box .history-list .listbox dl:after { left:137px; } 
	.history-box .history-list .listbox dl dt { width:200px; font-size:40px; }
	.history-box .history-list .listbox dl dt:before { left:127px; top:11px; }
	.history-box .history-list .listbox dl dd { width:calc(100% - 200px); padding-top:20px; }
	.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:15px; }
	.history-box .history-list .progressbar { left:145px; width:2px; }
}
@media (max-width:1280px) {
	.history-box .history-list .txtbox { width:45%; top:40px; height:600px; }
	.history-box .history-list .txtbox p { margin-top:15px; font-size:32px; }
	.history-box .history-list .txtbox figure { margin-top:20px; }
	.history-box .history-list .txtbox .tab { margin-top:40px; }
	.history-box .history-list .txtbox .tab li:not(:last-child) { margin-bottom:10px; }
	.history-box .history-list .txtbox .tab li a { font-size:17px; }
	.history-box .history-list .txtbox .tab li a.on { font-size:19px; }
	.history-box .history-list .listbox { width:calc(100% - 45% - 50px); margin-top:30px; margin-left:50px; }
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:80px; }
	.history-box .history-list .listbox dl:before { left:106px; top:16px; }
	.history-box .history-list .listbox dl:after { left:102px; top:12px; } 
	.history-box .history-list .listbox dl dt { width:150px; font-size:32px; }
	.history-box .history-list .listbox dl dt:before { left:95px; top:5px; width:32px; height:32px;  }
	.history-box .history-list .listbox dl dd { width:calc(100% - 150px); padding-top:10px; }
	.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:15px; }
	.history-box .history-list .listbox dl dd li { padding-left:14px; font-size:17px; } 
	.history-box .history-list .progressbar { left:110px; }
}
@media (max-width:1024px) {
	.history-box .history-list { overflow:hidden }
	.history-box .history-list .txtbox { width:100%; top:0; height:auto; position:relative; }
	.history-box .history-list .txtbox p { margin-top:15px; font-size:26px; }
	.history-box .history-list .txtbox p br { display:none }
	.history-box .history-list .txtbox figure { margin-top:20px; }
	.history-box .history-list .txtbox .tab { margin-top:30px; }
	.history-box .history-list .txtbox .tab ul { display:flex; gap:0 30px; }
	.history-box .history-list .txtbox .tab li:not(:last-child) { margin-bottom:0; }
	.history-box .history-list .txtbox .tab li a { font-size:17px; }
	.history-box .history-list .txtbox .tab li a.on { font-size:19px; }
	.history-box .history-list .listbox { width:100%; margin-top:30px; margin-left:0; }
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:60px; }
	.history-box .history-list .listbox dl:before { left:86px; top:14px; }
	.history-box .history-list .listbox dl:after { left:82px; top:10px; } 
	.history-box .history-list .listbox dl dt { width:120px; font-size:26px; }
	.history-box .history-list .listbox dl dt:before { left:77px; top:5px; width:28px; height:28px;  }
	.history-box .history-list .listbox dl dd { width:calc(100% - 120px); padding-top:7px; }
	.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:15px; }
	.history-box .history-list .listbox dl dd li { padding-left:12px; font-size:16px; }
	.history-box .history-list .listbox dl dd li:before { width:3px; height:3px; } 
	.history-box .history-list .progressbar { left:90px; }
}
@media (max-width:640px) {
	.history-box .history-list .txtbox p { margin-top:10px; font-size:22px; }
	.history-box .history-list .txtbox .tab { margin-top:25px; }
	.history-box .history-list .txtbox .tab ul { flex-wrap:wrap; gap:20px 15px; justify-content:space-between; }
	.history-box .history-list .txtbox .tab li a { font-size:16px; }
	.history-box .history-list .txtbox .tab li a.on { font-size:18px; }
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:40px; }
	.history-box .history-list .listbox dl dt { font-size:22px; }
	.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:10px; }
	.history-box .history-list .listbox dl dd li { padding-left:12px; font-size:15px; }
}

/* animation */
.history-box .history-list .txtbox p { opacity:0; }
.history-box .history-list .txtbox.subOn p { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.history-box .history-list .listbox { opacity:0; }
.history-box .history-list .listbox.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.history-box .history-list .txtbox figure:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:3; }
.history-box .history-list .txtbox.subOn figure:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.history-box .history-list .txtbox .tab { opacity:0; }
.history-box .history-list .txtbox.subOn .tab { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
@media (max-width:1024px) {
	.history-box .history-list .txtbox.subOn .tab { animation:ani_5 0.8s 0.7s; animation-fill-mode:both; }
}

.company-box .management-box .top { margin-top:70px; display:flex; flex-wrap:wrap; align-items:center; }
.company-box .management-box .top .l-box { width:44%; }
.company-box .management-box .top .r-box { width:calc(100% - 44%); padding-left:150px; }
.company-box .management-box.management-new .top .r-box { width:100%; padding-left:0; }
.company-box .management-box .top .r-box dt { color:#111; font-size:40px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.company-box .management-box .top .r-box dt strong { display:block; color:var(--mainColor1); font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.025em; margin-bottom:20px; }
.company-box .management-box .top .r-box dd { margin-top:30px; }
.company-box .management-box .top .r-box dd p { color:#333; font-size:18px; font-weight:400; line-height:1.77; text-align:justify; }
.company-box .management-box .top .r-box dd p:not(:last-child) { margin-bottom:20px; }
.company-box .management-box .top .r-box dd .txtbox { display:flex; flex-wrap:wrap; gap:60px; }
.company-box .management-box .top .r-box dd .txtbox .box { width:calc((100% - 60px) / 2); }
.company-box .management-box .txt_marquee { display:flex; align-items:center; overflow:hidden; margin-top:160px; }
.company-box .management-box .txt_marquee span { animation:txt_marquee 20s infinite linear; }
.company-box .management-box .txt_marquee img { max-width:none }
.company-box .management-box .bg { padding:140px 0 170px; background:#f6f6f6; margin-top:-3px; }
.company-box .management-box .info-box { display:flex; flex-wrap:wrap; gap:70px 26px; }
.company-box .management-box .info-box .box { width:calc((100% - 52px) / 3); background:#fff; }
.company-box .management-box .info-box .box figure img { width:100%; }
.company-box .management-box .info-box .box dl { padding:50px; }
.company-box .management-box .info-box .box dt { color:#111; font-size:30px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.company-box .management-box .info-box .box dt strong { display:block; color:var(--mainColor1); font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-0.025em; margin-bottom:10px; }
.company-box .management-box .info-box .box dd { word-break:break-word; margin-top:30px; color:#333; font-size:18px; font-weight:400; line-height:1.77; text-align:justify; }
@media (max-width:1440px) {
	.company-box .management-box .top .l-box { width:46%; }
	.company-box .management-box .top .r-box { width:calc(100% - 46%); padding-left:100px; }
	.company-box .management-box .top .r-box dt { font-size:32px; }
	.company-box .management-box .top .r-box dt strong { font-size:19px; margin-bottom:15px; }
	.company-box .management-box .top .r-box dd { margin-top:25px; }
	.company-box .management-box .txt_marquee { margin-top:140px; }
	.company-box .management-box .txt_marquee img { height:140px; }
	.company-box .management-box .bg { padding:120px 0 150px; }
	.company-box .management-box .info-box { gap:60px 20px; }
	.company-box .management-box .info-box .box { width:calc((100% - 40px) / 3); }
	.company-box .management-box .info-box .box dl { padding:40px; }
	.company-box .management-box .info-box .box dt { font-size:28px; }
	.company-box .management-box .info-box .box dt strong { font-size:19px; margin-bottom:10px; }
	.company-box .management-box .info-box .box dd { margin-top:25px; }
}
@media (max-width:1280px) {
	.company-box .management-box .top .l-box { width:46%; }
	.company-box .management-box .top .r-box { width:calc(100% - 46%); padding-left:50px; }
	.company-box .management-box .top .r-box dt { font-size:28px; }
	.company-box .management-box .top .r-box dt strong { font-size:18px; margin-bottom:10px; }
	.company-box .management-box .top .r-box dd { margin-top:20px; }
	.company-box .management-box .top .r-box dd p { font-size:17px; }
	.company-box .management-box .txt_marquee { margin-top:120px; }
	.company-box .management-box .txt_marquee img { height:120px; }
	.company-box .management-box .bg { padding:100px 0 130px; }
	.company-box .management-box .info-box { gap:50px 15px; }
	.company-box .management-box .info-box .box { width:calc((100% - 30px) / 3); }
	.company-box .management-box .info-box .box dl { padding:30px; }
	.company-box .management-box .info-box .box dt { font-size:24px; }
	.company-box .management-box .info-box .box dt strong { font-size:18px; margin-bottom:8px; }
	.company-box .management-box .info-box .box dd { margin-top:20px; font-size:17px; }
}
@media (max-width:1024px) {
	.company-box .management-box .top { margin-top:45px; }
	.company-box .management-box .top .l-box { width:auto; max-width:640px; }
	.company-box .management-box .top .r-box { width:100%; padding-left:0; margin-top:40px; }
	.company-box .management-box .top .r-box dt { font-size:24px; }
	.company-box .management-box .top .r-box dt strong { font-size:17px; margin-bottom:8px; }
	.company-box .management-box .top .r-box dd { margin-top:15px; }
	.company-box .management-box .top .r-box dd p { font-size:16px; }
	.company-box .management-box .top .r-box dd p:not(:last-child) { margin-bottom:15px; }
	.company-box .management-box .top .r-box dd .txtbox { gap:20px; }
	.company-box .management-box .top .r-box dd .txtbox .box { width:100%; }
	.company-box .management-box .txt_marquee { margin-top:90px; }
	.company-box .management-box .txt_marquee img { height:90px; }
	.company-box .management-box .bg { padding:80px 0 110px; }
	.company-box .management-box .info-box { gap:40px 10px; }
	.company-box .management-box .info-box .box { width:calc((100% - 10px) / 2); }
	.company-box .management-box .info-box .box dl { padding:20px; }
	.company-box .management-box .info-box .box dt { font-size:21px; }
	.company-box .management-box .info-box .box dt strong { font-size:17px; margin-bottom:5px; }
	.company-box .management-box .info-box .box dd { margin-top:15px; font-size:16px; }
}
@media (max-width:640px) {
	.company-box .management-box .top { margin-top:30px; }
	.company-box .management-box .top .l-box { width:auto; max-width:640px; }
	.company-box .management-box .top .r-box { margin-top:30px; }
	.company-box .management-box .top .r-box dt { font-size:21px; }
	.company-box .management-box .top .r-box dt strong { font-size:16px; margin-bottom:5px; }
	.company-box .management-box .top .r-box dd { margin-top:10px; }
	.company-box .management-box .top .r-box dd p { font-size:15px; }
	.company-box .management-box .txt_marquee { margin-top:60px; }
	.company-box .management-box .txt_marquee img { height:60px; }
	.company-box .management-box .bg { padding:60px 0 90px; }
	.company-box .management-box .info-box { gap:30px 10px; }
	.company-box .management-box .info-box .box { width:100%; }
	.company-box .management-box .info-box .box dl { padding:20px; }
	.company-box .management-box .info-box .box dt { font-size:19px; }
	.company-box .management-box .info-box .box dt strong { font-size:16px; }
	.company-box .management-box .info-box .box dd { margin-top:10px; font-size:15px; }
}


/* animation */
.company-box .management-box .top .l-box figure:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:3; }
.company-box .management-box .top.subOn .l-box figure:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.company-box .management-box .top .r-box dt,
.company-box .management-box .top .r-box dd { opacity:0; }
.company-box .management-box .top.subOn .r-box dt { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.company-box .management-box .top.subOn .r-box dd { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.company-box .management-box .info-box .box { opacity:0; }
.company-box .management-box .info-box.subOn .box { animation:bgs3 0.8s 0.2s; animation-fill-mode:both; }


.ethical-box .tabmenu { margin-bottom:70px; }
.ethical-box .top { text-align:center; }
.ethical-box .top h4 { color:#111; font-size:40px; font-weight:700; line-height:1.3; }
.ethical-box .top .txt { margin-top:30px; color:#111; font-size:18px; font-weight:300; line-height:1.7; letter-spacing:-0.025em; }
.ethical-box .top .txt strong { font-weight:700; }
.ethical-box .imgbox { margin-top:50px; }
.ethical-box .imgbox img { max-width:100%; }
.ethical-box .charter-box .listbox { position:relative; margin-top:130px; padding:204px 135px; background:url(/img/sub/ethical_charter02.jpg) no-repeat center / cover; }
.ethical-box .charter-box .listbox li { display:flex; align-items:center; }
.ethical-box .charter-box .listbox li:not(:last-child) { margin-bottom:16px; }
.ethical-box .charter-box .listbox li strong { background:#fff; color:#808952; font-size:20px; font-weight:700; line-height:1.3; letter-spacing:-0.03em; width:44px; height:44px; border-radius:44px; display:flex; align-items:center; justify-content:center; }
.ethical-box .charter-box .listbox li span { width:calc(100% - 44px); padding-left:29px; color:#fff; font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.ethical-box .regulation-box h4 { color:#111; font-size:32px; font-weight:600; line-height:1.3; }
.ethical-box .regulation-box .listbox { margin-top:50px; }
.ethical-box .regulation-box .listbox > .txt:not(:last-child) { margin-bottom:50px; }
.ethical-box .regulation-box .listbox h5 { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.ethical-box .regulation-box .listbox dl:not(:last-child) { margin-bottom:50px; }
.ethical-box .regulation-box .listbox dt { margin-top:20px; color:#333; font-size:18px; font-weight:600; line-height:1.3; }
.ethical-box .regulation-box .listbox dd { margin-top:20px; color:#666; font-size:18px; font-weight:300; line-height:1.7; }
.ethical-box .guide-box .info-box { margin-top:140px; }
.ethical-box .guide-box .info-box h5 { color:#111; font-size:32px; font-weight:700; line-height:1.3; margin-bottom:60px; }
.ethical-box .guide-box .info-box .bg { padding:120px 0; background:#f6f6f6; }
.ethical-box .guide-box .info-box .listbox { margin-top:50px; display:flex; flex-wrap:wrap; gap:40px; }
.ethical-box .guide-box .info-box .listbox .box { position:relative; width:calc((100% - 120px) / 4); }
.ethical-box .guide-box .info-box .listbox .box:before {content:""; display:block; padding-bottom:100%; }
.ethical-box .guide-box .info-box .listbox .box .cont { position:absolute; left:0; top:0; width:100%; height:100%; gap:30px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; background:#fff; }
.ethical-box .guide-box .info-box .listbox .box .cont .txt { color:#111; font-size:20px; font-weight:500; line-height:1.3; min-height:52px; margin-bottom:-5px; }
.ethical-box .guide-box .info-box .method { margin-top:140px; }
.ethical-box .guide-box .info-box .method table { margin-top:60px; border-top:2px solid #111; }
.ethical-box .guide-box .info-box .method thead th,
.ethical-box .guide-box .info-box .method tbody td { border:1px solid #ddd; border-width:0 0 1px 1px; height:76px; text-align:center; font-size:18px; }
.ethical-box .guide-box .info-box .method thead th.noline,
.ethical-box .guide-box .info-box .method tbody td.noline { border-left:none }
.ethical-box .guide-box .info-box .method thead th { color:#333; font-weight:600; line-height:1.3; }
.ethical-box .guide-box .info-box .method tbody td { color:#666; font-weight:300; line-height:1.3; }
@media (max-width:1440px) {
	.ethical-box .top h4 { font-size:36px; }
	.ethical-box .top .txt { margin-top:25px; font-size:17px; }
	.ethical-box .charter-box .listbox { margin-top:110px; padding:150px 100px; }
	.ethical-box .charter-box .listbox li strong { font-size:19px; width:40px; height:40px; }
	.ethical-box .charter-box .listbox li span { width:calc(100% - 40px); padding-left:25px; font-size:23px; }
	.ethical-box .regulation-box h4 { font-size:28px; }
	.ethical-box .guide-box .info-box { margin-top:120px; }
	.ethical-box .guide-box .info-box h5 { font-size:28px; margin-bottom:50px; }
	.ethical-box .guide-box .info-box .bg { padding:100px 0; }
	.ethical-box .guide-box .info-box .listbox { margin-top:40px; gap:30px; }
	.ethical-box .guide-box .info-box .listbox .box { width:calc((100% - 90px) / 4); }
	.ethical-box .guide-box .info-box .listbox .box .cont { gap:25px; }
	.ethical-box .guide-box .info-box .listbox .box .cont .txt { font-size:19px; min-height:50px; }
	.ethical-box .guide-box .info-box .method { margin-top:120px; }
	.ethical-box .guide-box .info-box .method table { margin-top:50px; }
}
@media (max-width:1280px) {
	.ethical-box .top h4 { font-size:32px; }
	.ethical-box .top .txt { margin-top:20px; }
	.ethical-box .charter-box .listbox { margin-top:90px; padding:130px 80px; }
	.ethical-box .guide-box .info-box { margin-top:100px; }
	.ethical-box .guide-box .info-box .bg { padding:80px 0; }
	.ethical-box .guide-box .info-box .listbox { margin-top:30px; gap:20px; }
	.ethical-box .guide-box .info-box .listbox .box { width:calc((100% - 60px) / 4); }
	.ethical-box .guide-box .info-box .method { margin-top:100px; }
	.ethical-box .guide-box .info-box .method table { margin-top:40px; }
}
@media (max-width:1024px) {
	.ethical-box .tabmenu { margin-bottom:45px; }
	.ethical-box .top h4 { font-size:28px; }
	.ethical-box .top .txt { margin-top:15px; font-size:16px; }
	.ethical-box .imgbox { margin-top:30px; }
	.ethical-box .imgbox figure:before {content:""; display:block; padding-bottom:40%; }
	.ethical-box .imgbox figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
	.ethical-box .charter-box .listbox { margin-top:70px; padding:90px 40px; }
	.ethical-box .charter-box .listbox li strong { font-size:18px; width:35px; height:35px; }
	.ethical-box .charter-box .listbox li span { width:calc(100% - 35px); padding-left:20px; font-size:22px; } 
	.ethical-box .regulation-box h4 { font-size:24px; }
	.ethical-box .regulation-box .listbox { margin-top:25px; }
	.ethical-box .regulation-box .listbox > .txt:not(:last-child) { margin-bottom:25px; }
	.ethical-box .regulation-box .listbox h5 { font-size:18px; }
	.ethical-box .regulation-box .listbox dl:not(:last-child) { margin-bottom:25px; }
	.ethical-box .regulation-box .listbox dt,
	.ethical-box .regulation-box .listbox dd { margin-top:10px; font-size:16px; }
	.ethical-box .guide-box .info-box { margin-top:80px; }
	.ethical-box .guide-box .info-box h5 { font-size:24px; margin-bottom:30px; }
	.ethical-box .guide-box .info-box .bg { padding:60px 0; }
	.ethical-box .guide-box .info-box .listbox { margin-top:20px; gap:10px; }
	.ethical-box .guide-box .info-box .listbox .box { width:calc((100% - 10px) / 2); }
	.ethical-box .guide-box .info-box .listbox .box .cont { gap:20px; }
	.ethical-box .guide-box .info-box .listbox .box .cont .txt { font-size:18px; min-height:45px; }
	.ethical-box .guide-box .info-box .method { margin-top:80px; }
	.ethical-box .guide-box .info-box .method table { margin-top:30px; }
	.ethical-box .guide-box .info-box .method thead th,
	.ethical-box .guide-box .info-box .method tbody td { height:68px; font-size:17px; }
}
@media (max-width:760px) {
	.ethical-box .guide-box .info-box .method .scroll-box { overflow:auto; }
	.ethical-box .guide-box .info-box .method table { width:700px; }
}
@media (max-width:640px) {
	.ethical-box .tabmenu { margin-bottom:30px; }
	.ethical-box .top h4 { font-size:24px; }
	.ethical-box .top .txt { margin-top:10px; font-size:15px; }
	.ethical-box .imgbox { margin-top:20px; }
	.ethical-box .imgbox figure:before { padding-bottom:50%; }
	.ethical-box .charter-box .listbox { margin-top:40px; padding:50px 20px; }
	.ethical-box .charter-box .listbox li strong { font-size:16px; width:30px; height:30px; }
	.ethical-box .charter-box .listbox li span { width:calc(100% - 30px); padding-left:15px; font-size:18px; } 
	.ethical-box .regulation-box h4 { font-size:20px; }
	.ethical-box .regulation-box .listbox { margin-top:20px; }
	.ethical-box .regulation-box .listbox > .txt:not(:last-child) { margin-bottom:20px; }
	.ethical-box .regulation-box .listbox h5 { font-size:17px; }
	.ethical-box .regulation-box .listbox dl:not(:last-child) { margin-bottom:20px; }
	.ethical-box .regulation-box .listbox dt,
	.ethical-box .regulation-box .listbox dd { margin-top:8px; font-size:15px; }
	.ethical-box .guide-box .info-box { margin-top:60px; }
	.ethical-box .guide-box .info-box h5 { font-size:20px; margin-bottom:20px; }
	.ethical-box .guide-box .info-box .bg { padding:40px 0; }
	.ethical-box .guide-box .info-box .listbox { margin-top:15px; gap:5px; }
	.ethical-box .guide-box .info-box .listbox .box { width:calc((100% - 5px) / 2); }
	.ethical-box .guide-box .info-box .listbox .box .cont .txt { font-size:17px; min-height:42px; }
	.ethical-box .guide-box .info-box .method { margin-top:60px; }
	.ethical-box .guide-box .info-box .method table { margin-top:25px; }
	.ethical-box .guide-box .info-box .method thead th,
	.ethical-box .guide-box .info-box .method tbody td { height:55px; font-size:16px; padding:7px 5px; }
}


/* animation */
.ethical-box .top .txt { opacity:0; }
.ethical-box .top.subOn .txt { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.ethical-box .imgbox figure { position:relative; }
.ethical-box .imgbox figure:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; z-index:3; }
.ethical-box .imgbox.subOn figure:after { animation:ani_w100 1.0s 0.4s; animation-fill-mode:both; }
.ethical-box .charter-box .listbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; z-index:3; }
.ethical-box .charter-box .listbox.subOn:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.ethical-box .charter-box .listbox ul { overflow:hidden; }
.ethical-box .charter-box .listbox ul li { opacity:0; }
.ethical-box .charter-box .listbox.subOn ul li { animation:ani_3 0.8s 1.0s; animation-fill-mode:both; }	
.ethical-box .regulation-box .listbox { opacity:0; }
.ethical-box .regulation-box .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }	
.ethical-box .guide-box .listbox .box { opacity:0; }
.ethical-box .guide-box .subOn .listbox .box { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.ethical-box .guide-box .info-box .method table { opacity:0; }
.ethical-box .guide-box .info-box .method.subOn table { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }


.company-box .affiliate-box .txt-1 { margin-top:20px; color:#333; font-size:20px; font-weight:400; line-height:1.7; letter-spacing:-0.03em; }
.company-box .affiliate-box .listbox { margin-top:100px; display:flex; flex-wrap:wrap; gap:20px; }
.company-box .affiliate-box .listbox .box { width:calc((100% - 60px) / 4); position:relative; overflow:hidden; }
.company-box .affiliate-box .listbox .box figure img { transform:scale(1.00); width:100%; transition:all 0.6s; }
.company-box .affiliate-box .listbox .box:hover figure img { transform:scale(1.1); }
.company-box .affiliate-box .listbox .box .txtbox { position:absolute; left:0; bottom:0; padding:0 0 50px 50px; }
.company-box .affiliate-box .listbox .box .txtbox .stxt { color:#fff; font-size:22px; font-weight:400; line-height:1.3; }
.company-box .affiliate-box .listbox .box .txtbox h4 { margin-top:10px; color:#fff; font-size:32px; font-weight:700; line-height:1.3; letter-spacing:-0.03em; }
@media (max-width:1600px) {
	.company-box .affiliate-box .listbox .box .txtbox { padding:0 0 40px 40px; }
}
@media (max-width:1440px) {
	.company-box .affiliate-box .txt-1 { font-size:19px; }
	.company-box .affiliate-box .listbox { margin-top:80px; gap:10px; }
	.company-box .affiliate-box .listbox .box { width:calc((100% - 30px) / 4); }
	.company-box .affiliate-box .listbox .box .txtbox { padding:0 0 30px 30px; }
	.company-box .affiliate-box .listbox .box .txtbox .stxt { font-size:21px; }
	.company-box .affiliate-box .listbox .box .txtbox h4 { font-size:30px; }
}
@media (max-width:1280px) {
	.company-box .affiliate-box .txt-1 { font-size:18px; }
	.company-box .affiliate-box .txt-1 br { display:none }
	.company-box .affiliate-box .listbox .box .txtbox { padding:0 0 20px 20px; }
	.company-box .affiliate-box .listbox .box .txtbox .stxt { font-size:20px; }
	.company-box .affiliate-box .listbox .box .txtbox h4 { margin-top:8px; font-size:28px; }
}
@media (max-width:1024px) {
	.company-box .affiliate-box .txt-1 { margin-top:10px; font-size:17px; }
	.company-box .affiliate-box .listbox { margin-top:50px; gap:10px; }
	.company-box .affiliate-box .listbox .box .txtbox { padding:0 0 20px 20px; }
	.company-box .affiliate-box .listbox .box .txtbox .stxt { font-size:19px; }
	.company-box .affiliate-box .listbox .box .txtbox h4 { margin-top:5px; font-size:26px; }
}
@media (max-width:960px) {
	.company-box .affiliate-box .listbox .box { width:calc((100% - 10px) / 2); }
}
@media (max-width:640px) {
	.company-box .affiliate-box .txt-1 { font-size:16px; }
	.company-box .affiliate-box .listbox { margin-top:30px; gap:5px; }
	.company-box .affiliate-box .listbox .box { width:calc((100% - 5px) / 2); }
	.company-box .affiliate-box .listbox .box .txtbox { padding:0 0 15px 15px; }
	.company-box .affiliate-box .listbox .box .txtbox .stxt { font-size:16px; }
	.company-box .affiliate-box .listbox .box .txtbox h4 { font-size:22px; }
}


/* animation */
.company-box .affiliate-box .txt-1 { opacity:0; }
.company-box .affiliate-box .txt-1.subOn { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.company-box .affiliate-box .listbox .box { opacity:0; }
.company-box .affiliate-box .listbox.subOn .box { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }

.location-box .root_daum_roughmap .cont { display:none; }
.location-box .map-box { margin-top:70px; border-bottom:1px solid #e0e0e0; }
.location-box .map-box > div,
.location-box .map-box .wrap_map,
.location-box .map-box .map { width:100% !important; height:570px !important; }
.location-box .map-box .google-map { position:relative; overflow:hidden;  }
.location-box .map-box .google-map:after { content:''; display:block; padding-bottom:600px; }
.location-box .map-box iframe { position:absolute; top:0; left:0; top:-170px; width:100%; height:calc(100% + 340px); }
.location-box .info-box { margin-top:60px; padding:0 40px; display:flex; flex-wrap:wrap; position:relative; z-index:1; }
.location-box .info-box .logo-box { width:434px; height:300px; background:#333; display:flex; align-items:center; justify-content:center; margin-top:-120px; }
.location-box .info-box .list { padding-left:118px; width:calc(100% - 434px); }
.location-box .info-box .list ul { display:flex; flex-wrap:wrap; gap:40px 110px; }
.location-box .info-box .list li { display:flex; color:#666; font-size:18px; font-weight:400; line-height:1.4; }
.location-box .info-box .list li.full { width:100%; }
.location-box .info-box .list li strong { width:90px; color:#111; font-size:20px; font-weight:700; }
.location-box .info-box .list li span { font-weight:400; }
.location-box .info-box .link { margin-top:60px; display:flex; flex-wrap:wrap; gap:18px; }
.location-box .info-box .link a { width:240px; height:65px; display:flex; align-items:center; justify-content:center; border-radius:50px; border:1px solid #ddd; background:#fff; }
@media (max-width:1440px) {
	.location-box .map-box > div,
	.location-box .map-box .wrap_map,
	.location-box .map-box .map { height:500px !important; }
	.location-box .info-box .logo-box { width:400px; height:300px; }
	.location-box .info-box .list { padding-left:80px; width:calc(100% - 400px); }
	.location-box .info-box .list ul { gap:40px 80px; }
	.location-box .info-box .list li { font-size:18px; }
	.location-box .info-box .list li strong { width:85px; }
	.location-box .info-box .link { gap:15px; }
}
@media (max-width:1280px) {
	.location-box .map-box > div,
	.location-box .map-box .wrap_map,
	.location-box .map-box .map { height:380px !important; }
	.location-box .info-box,
	.location-box .info-box .link { margin-top:50px; }
	.location-box .info-box .logo-box { width:300px; height:200px; margin-top:-70px; }
	.location-box .info-box .logo-box img { width:240px; }
	.location-box .info-box .list { padding-left:50px; width:calc(100% - 300px); }
	.location-box .info-box .list ul { gap:30px 50px; }
	.location-box .info-box .list li { font-size:18px; }
	.location-box .info-box .list li strong { width:82px; }
	.location-box .info-box .link { gap:15px; }
}
@media (max-width:1024px) {
	.location-box .map-box { margin-top:40px; }
	.location-box .map-box > div,
	.location-box .map-box .wrap_map,
	.location-box .map-box .map { height:380px !important; }
	.location-box .info-box,
	.location-box .info-box .link { margin-top:40px; }
	.location-box .info-box { padding:0 20px; }
	.location-box .info-box .logo-box { width:300px; height:200px; }
	.location-box .info-box .logo-box img { width:240px; }
	.location-box .info-box .list { padding-left:0; width:100%; margin-top:30px; }
	.location-box .info-box .list ul { gap:20px 40px; }
	.location-box .info-box .list li { font-size:16px; }
	.location-box .info-box .list li strong { width:70px; font-size:18px; }
	.location-box .info-box .link { gap:10px; }
	.location-box .info-box .link a { width:200px; height:58px; }
}
@media (max-width:640px) {
	.location-box .map-box { margin-top:30px; }
	.location-box .map-box > div,
	.location-box .map-box .wrap_map,
	.location-box .map-box .map { height:300px !important; }
	.location-box .info-box,
	.location-box .info-box .link { margin-top:30px; }
	.location-box .info-box { padding:0; }
	.location-box .info-box .logo-box { width:100%; height:80px; margin-top:0; }
	.location-box .info-box .logo-box img { width:180px; }
	.location-box .info-box .list { margin-top:20px; }
	.location-box .info-box .list ul { gap:10px 30px; }
	.location-box .info-box .list li { font-size:15px; }
	.location-box .info-box .list li strong { width:50px; font-size:17px; }
	.location-box .info-box .list li.full span { width:calc(100% - 50px - 30px);  }
	.location-box .info-box .link { gap:5px; }
	.location-box .info-box .link a { height:52px; width:calc((100% - 5px) / 2); }
	.location-box .info-box .link a img { height:36px; }
}

/* animation */
.location-box .map-box { opacity:0; }
.location-box .subOn .map-box { animation:bgs3 0.8s 0.1s; animation-fill-mode:both; }
.location-box .info-box { opacity:0; }
.location-box .subOn .info-box { animation:ani_4 0.8s 0.1s; animation-fill-mode:both; }


/* technology */
.technology-box .tech-box .listbox { margin-top:160px; }
.technology-box .tech-box .listbox .box { display:flex; flex-wrap:wrap; align-items:center; }
.technology-box .tech-box .listbox .imgbox { width:43% }
.technology-box .tech-box .listbox .imgbox img { width:100%; }
.technology-box .tech-box .listbox .txtbox { width:calc(100% - 43%); padding:0 0 0 150px; }
.technology-box .tech-box .listbox .txtbox dt { color:#111; font-size:40px; font-weight:300; line-height:1.6; letter-spacing:-0.04em; }
.technology-box .tech-box .listbox .txtbox dt strong { font-weight:700; }
.technology-box .tech-box .listbox .txtbox dt span { color:var(--mainColor1); font-size:20px; font-weight:600; }
.technology-box .tech-box .listbox .txtbox dd { margin-top:30px; color:#333; font-size:18px; font-weight:300; line-height:1.7; letter-spacing:-0.04em; }
.technology-box .tech-box .listbox .txtbox dd p:not(:last-child) { margin-bottom:20px; }
.technology-box .tech-box .listbox .txtbox dd strong { font-weight:700; }
.technology-box .tech-box .listbox .full { width:100%; }
.technology-box .tech-box .listbox .box:not(:last-child) { margin-bottom:160px; }
.technology-box .tech-box .listbox .box:nth-child(2n) { flex-direction:row-reverse; }
.technology-box .tech-box .listbox .box:nth-child(2n) .txtbox { padding:0 150px 0 0; }
@media (max-width:1620px) {
	.technology-box .tech-box .listbox .txtbox dt br,
	.technology-box .tech-box .listbox .txtbox dd br { display:none }
}
@media (max-width:1440px) {
	.technology-box .tech-box .listbox .imgbox { width:50% }
	.technology-box .tech-box .listbox .txtbox { width:calc(100% - 50%); padding:0 0 0 100px; }
	.technology-box .tech-box .listbox .txtbox dt { font-size:36px; }
	.technology-box .tech-box .listbox .txtbox dt span { font-size:18px; }
	.technology-box .tech-box .listbox .txtbox dd { margin-top:25px; font-size:17px; }
	.technology-box .tech-box .listbox .txtbox dd p:not(:last-child) { margin-bottom:15px; }
	.technology-box .tech-box .listbox .box:not(:last-child) { margin-bottom:140px; }
	.technology-box .tech-box .listbox .box:nth-child(2n) .txtbox { padding:0 100px 0 0; }
	.technology-box .tech-box .listbox .full { width:100%; }
}
@media (max-width:1280px) {
	.technology-box .tech-box .listbox .txtbox { padding:0 0 0 60px; }
	.technology-box .tech-box .listbox .txtbox dt { font-size:28px; }
	.technology-box .tech-box .listbox .txtbox dd { margin-top:20px; }
	.technology-box .tech-box .listbox .txtbox dd p:not(:last-child) { margin-bottom:12px; }
	.technology-box .tech-box .listbox .box:not(:last-child) { margin-bottom:100px; }
	.technology-box .tech-box .listbox .box:nth-child(2n) .txtbox { padding:0 60px 0 0; }
}
@media (max-width:1024px) {
	.technology-box .tech-box .listbox .txtbox { padding:0 0 0 40px; }
	.technology-box .tech-box .listbox .txtbox dt { font-size:23px; }
	.technology-box .tech-box .listbox .txtbox dt span { font-size:17px; }
	.technology-box .tech-box .listbox .txtbox dd { margin-top:15px; font-size:16px; }
	.technology-box .tech-box .listbox .txtbox dd p:not(:last-child) { margin-bottom:10px; }
	.technology-box .tech-box .listbox .box:not(:last-child) { margin-bottom:80px; }
	.technology-box .tech-box .listbox .box:nth-child(2n) .txtbox { padding:0 40px 0 0; }
}
@media (max-width:760px) {
	.technology-box .tech-box .listbox .imgbox,
	.technology-box .tech-box .listbox .txtbox,
	.technology-box .tech-box .listbox .box:nth-child(2n) .txtbox { width:100%; padding:0; }
	.technology-box .tech-box .listbox .txtbox { margin-top:30px; }
}
@media (max-width:640px) {
	.technology-box .tech-box .listbox .txtbox dt { font-size:20px; }
	.technology-box .tech-box .listbox .txtbox dt span { font-size:15px; }
	.technology-box .tech-box .listbox .txtbox dd { margin-top:15px; font-size:15px; }
	.technology-box .tech-box .listbox .txtbox dd p:not(:last-child) { margin-bottom:8px; }
	.technology-box .tech-box .listbox .box:not(:last-child) { margin-bottom:50px; }
}

/* animation */
.technology-box .tech-box .listbox .box .imgbox figure:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:3; }
.technology-box .tech-box .listbox .box.subOn .imgbox figure:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.technology-box .tech-box .listbox .txtbox dt,
.technology-box .tech-box .listbox .txtbox dd { opacity:0; }
.technology-box .tech-box .listbox .box.subOn .txtbox dt { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.technology-box .tech-box .listbox .box.subOn .txtbox dd { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }

.technology-box .table-box { margin-top:70px; }
.technology-box .table-box table { border-top:3px solid #000; }
.technology-box .table-box table thead th { text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; height:90px; font-family:var(--engFont1); color:#111; font-size:20px; font-weight:600; line-height:1.3; }
.technology-box .table-box table tbody td { text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; height:90px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.technology-box .table-box table tbody td.td_left { padding:10px 10px 10px 40px; text-align:left; }
.technology-box .table-box table tbody td .icon { display:flex; flex-wrap:wrap; gap:5px; }
.technology-box .table-box table tbody td .btn-box a { color:#666; font-size:16px; font-weight:500; line-height:1.3; display:inline-flex; align-items:center; justify-content:center; gap:0 5px; padding:0 25px; height:50px; border:1px solid #666; border-radius:50px; }
.technology-box .table-box table thead .noline,
.technology-box .table-box table tbody .noline { border-left:none; }
.technology-box .table-box table tbody td span.txt { margin-top:9px; color:#666; font-size:18px; font-weight:400; line-height:1.3; display:block; }
.technology-box .table-box .txt_b { margin-top:20px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
@media (max-width:1440px) {
	.technology-box .table-box { margin-top:60px; }
	.technology-box .table-box table tbody td.td_left { padding:10px 10px 10px 30px; }
	.technology-box .table-box table col.t1 { width:160px !important }
	.technology-box .table-box table col.t2 { width:24% !important }
	.technology-box .table-box table col.t3 { width:210px !important }
}
@media (max-width:1280px) {
	.technology-box .table-box { margin-top:50px; }
}
@media (max-width:1024px) {
	.technology-box .table-box { margin-top:40px; }
	.technology-box .table-box table { margin-top:10px; }
	.technology-box .table-box table thead th { height:65px; font-size:18px; }
	.technology-box .table-box table tbody td { height:65px; font-size:16px; }
	.technology-box .table-box table tbody td.td_left { padding:10px 10px 10px 20px; }
	.technology-box .table-box table tbody td .btn-box a { font-size:15px; padding:0 20px; height:45px; }
	.technology-box .table-box table tbody td span.txt { margin-top:5px; font-size:16px; }
	.technology-box .table-box .txt_b { margin-top:10px; font-size:16px; }
}
@media (max-width:860px) {
	.technology-box .table-box .scroll-box { overflow:auto; }
	.technology-box .table-box .scroll-box table { width:900px; }
	.technology-box .table-box table col.t1 { width:140px !important }
	.technology-box .table-box table col.t2 { width:22% !important }
	.technology-box .table-box table col.t3 { width:180px !important }
}
@media (max-width:640px) {
	.technology-box .table-box { margin-top:30px; }
	.technology-box .table-box table thead th { height:50px; font-size:17px; }
	.technology-box .table-box table tbody td { height:50px; font-size:15px; }
	.technology-box .table-box table tbody td.td_left { padding:10px; }
	.technology-box .table-box table tbody td .icon img { width:45px; }
	.technology-box .table-box table tbody td .btn-box a { font-size:14px; padding:0 20px; height:40px; }
	.technology-box .table-box table col.t1 { width:120px !important }
	.technology-box .table-box table col.t3 { width:160px !important }
}

/* animation */
.technology-box .table-box { opacity:0; }
.technology-box .table-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }



/* pipeline, product */
.pbox-list .table-box { margin-top:70px; }
.pbox-list .infotxt { margin-bottom:20px; display:flex; justify-content:flex-end;}
.pbox-list .infotxt ul { display:flex; flex-wrap:wrap; gap:0 40px; align-items:center; }
.pbox-list .infotxt li { color:#111; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-0.025em; }
.pbox-list .infotxt li .star { color:var(--mainColor1); }
.pbox-list .infotxt li .box { border-radius:3px; background:#fcf2f2; width:23px; height:23px; display:inline-block; vertical-align:middle; margin-right:6px; }
.pbox-list .table-box table { border-top:3px solid #000; }
.pbox-list .table-box table thead th { text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; height:90px; color:#111; font-size:20px; font-weight:600; line-height:1.3; }
.pbox-list .table-box table tbody td { position:relative; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 40px; height:90px; color:#333; font-size:18px; font-weight:400; line-height:1.3; }
.pbox-list .table-box table tbody td strong { color:#333; font-size:20px; font-weight:500; line-height:1.3; }
.pbox-list .table-box table tbody td strong span { color:var(--mainColor1); }
.pbox-list .table-box table tbody td.td_left { padding:10px 10px 10px 40px; text-align:left; }
.pbox-list .table-box table tbody td.td_center { padding:10px 40px; text-align:center; }
.pbox-list .table-box table tbody td.line-left { padding:0; text-align:left; }
.pbox-list .table-box table tbody td .txtbox { display:flex; align-items:center; justify-content:space-between; text-align:left; color:#666; font-weight:300; line-height:1.5 }
.pbox-list .table-box table tbody td .txtbox .txt { width:calc(100% - 22px); }
.pbox-list .table-box table tbody td .txtbox a { width:22px; }
.pbox-list .table-box table tbody td .btnview { transition:0.4s; position:absolute; top:50%; right:22px; transform:translateY(-50%); color:#666; font-size:16px; font-weight:500; line-height:1.3; width:26px; height:26px; border:1px solid #ccc; border-radius:50px; display:flex; align-items:center; justify-content:center; }
.pbox-list .table-box table tbody td .btnview span { position:relative; width:11px; height:11px; display:block; }
.pbox-list .table-box table tbody td .btnview span:before {content:""; display:block; position:absolute; top:0; left:0; margin-top:5px; width:100%; height:1px; background:#777; transition:0.4s; }
.pbox-list .table-box table tbody td .btnview span:after {content:""; display:block; position:absolute; top:0; left:0; margin-left:5px; width:1px; height:100%; ; background:#777; transition:0.4s; }
.pbox-list .table-box table tbody td .btnview:hover { border:1px solid var(--mainColor1); background:var(--mainColor1); }
.pbox-list .table-box table tbody td .btnview:hover span:before,
.pbox-list .table-box table tbody td .btnview:hover span:after { background:#fff; }
.pbox-list .table-box table thead .noline,
.pbox-list .table-box table tbody .noline { border-left:none; }
.pbox-list .table-box .line-box { position:relative; height:100%; overflow:hidden; background:#fff; }
.pbox-list .table-box .line-box span { position:absolute; top:0; width:142px; height:100%; border-left:1px dashed #ddd; background:#fff; }
.pbox-list .table-box .line-box span:nth-child(1) { left:calc(16.666% - 1px); }
.pbox-list .table-box .line-box span:nth-child(2) { left:calc(16.666% * 2); }
.pbox-list .table-box .line-box span:nth-child(3) { left:calc(16.666% * 3); }
.pbox-list .table-box .line-box span:nth-child(4) { left:calc(16.666% * 4); background:#fcf2f2; }
.pbox-list .table-box .line-box span:nth-child(5) { left:calc(16.666% * 5); background:#fcf2f2; }
.pbox-list .table-box .line-box .line-chart { position:absolute; top:50%; transform:translateY(-50%); left:0; height:40px; border-radius: 0px 30px 30px 0px; transition:1.5s 0.3s; }
.pbox-list .table-box .line-box .line-chart strong { opacity:0; transition:0.3s 0.5s; position:absolute; top:50%; transform:translateY(-50%); left:25px; text-wrap:nowrap; color:#fff; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.pbox-list .table-box .line-box .line-chart.line-over strong { opacity:1; }
.pbox-list .table-box .line-box .line-chart.bg1 { background:var(--mainColor1); }
.pbox-list .table-box .line-box .line-chart.bg2 { background:#444; }
.pbox-list .table-box .line-box .line-chart:before {content:""; display:block; position:absolute; top:50%; right:12px; transform:translateY(-50%); width:16px; height:16px; background:#fff; border-radius:50px; }
.pbox-list .table-box table tbody td .mobile { display:none }
@media (max-width:1720px) {
	.pbox-list .table-box table tbody td { padding:10px 35px; }
	.pbox-list .table-box table tbody td .btnview { right:10px; }
	.pbox-list .table-box table tbody td.td_center { padding:10px 35px; }
}
}
@media (max-width:1440px) {
	.pbox-list .table-box { margin-top:60px; }
	.pbox-list .table-box table tbody td { padding:10px 30px; }
	.pbox-list .table-box table tbody td.td_left { padding:10px 10px 10px 20px; }
	.pbox-list .table-box table tbody td.td_center { padding:10px 30px; }
	.pbox-list .table-box table tbody td .btnview { right:5px; }
}
@media (max-width:1280px) {
	.pbox-list .table-box { margin-top:50px; }
	.pbox-list .table-box table colgroup,
	.pbox-list .table-box table thead th { display:none }
	.pbox-list .table-box table tbody tr { display:flex; flex-direction:column; width:100%; }
	.pbox-list .table-box table tbody td,
	.pbox-list .table-box table tbody td.td_center { width:100%; display:flex; align-items:center; gap:0 5px; text-align:left; border:none; height:auto; padding:7px 10px;}
	.pbox-list .table-box table tbody td br { display:none }
	.pbox-list .table-box table tbody td .btnview { position:relative; top:unset; right:unset; transform:translateY(0); margin-left:10px; }
	.pbox-list .table-box table tbody td .txtbox .txt { width:auto }
	.pbox-list .table-box table tbody td .txtbox a { margin-left:10px; }
	.pbox-list .table-box table tbody .noline { padding-top:20px; padding-bottom:0px;}
	.pbox-list .table-box table tbody td.td_center { padding:10px; border-bottom:1px solid #f5f5f5; }
	.pbox-list .table-box table tbody td.last-line { border-bottom:1px solid #666; }
	.pbox-list .table-box table tbody td.line-left { flex-direction:column; width:100%; }
	.pbox-list .table-box table tbody td.line-left .mobile { width:100%; border-top:1px solid #f5f5f5; }
	.pbox-list .table-box table tbody td .mobile { display:inline-block; }
	.pbox-list .table-box .mobile .box { display:flex; text-align:center; }
	.pbox-list .table-box .mobile .box span { width:16.6666%; display:flex; justify-content:center; align-items:center; padding:8px 5px; border-bottom:1px solid #f5f5f5; border-left:1px solid #f5f5f5; word-break:break-word; } 
	.pbox-list .table-box .mobile .box span:first-child { border-left:none }
	.pbox-list .table-box .line-box { height:80px; width:100%; border-bottom:1px solid #f5f5f5; }
	.pbox-list .table-box .line-box span { width:16.6666%; } 

}
@media (max-width:1024px) {
	.pbox-list .table-box { margin-top:40px; }
	.pbox-list .infotxt { margin-bottom:10px; }
	.pbox-list .infotxt ul { gap:0 30px; }
	.pbox-list .infotxt li { font-size:16px; }
	.pbox-list .infotxt li .box { border-radius:2px; width:18px; height:18px; margin-right:4px; }
	.pbox-list .table-box table { margin-top:10px; }
	.pbox-list .table-box table thead th { height:65px; font-size:18px; }
	.pbox-list .table-box table tbody td { font-size:16px; }
	.pbox-list .table-box table tbody td strong { font-size:18px; }
	.pbox-list .table-box table tbody td .tit1,
	.pbox-list .table-box table tbody td .tit2,
	.pbox-list .table-box table tbody td .tit3 { flex-shrink:0; }
	.pbox-list .table-box table tbody td .tit2,
	.pbox-list .table-box table tbody td .tit3 { font-size:16px; }
	.pbox-list .table-box .line-box .line-chart { height:36px; }
	.pbox-list .table-box .line-box .line-chart strong { left:20px; font-size:16px; }
	.pbox-list .table-box .line-box .line-chart:before {right:10px; width:14px; height:14px;}
	.pbox-list .table-box table col.w3 { width:90px !important }
}
@media (max-width:640px) {
	.pbox-list .table-box { margin-top:30px; }
	.pbox-list .infotxt { margin-bottom:5px; }
	.pbox-list .infotxt ul { gap:0 20px; }
	.pbox-list .infotxt li { font-size:15px; }
	.pbox-list .infotxt li .box { width:16px; height:16px; }
	.pbox-list .table-box table thead th { height:50px; font-size:17px; }
	.pbox-list .table-box table tbody td { font-size:15px; }
	.pbox-list .table-box table tbody td.td_left { padding:10px; }
	.pbox-list .table-box table tbody td strong { font-size:17px; }
	.pbox-list .table-box table tbody td .tit2,
	.pbox-list .table-box table tbody td .tit3 { font-size:15px; }
	.pbox-list .table-box table col.w3 { width:80px !important }
	.pbox-list .table-box .line-box { height:60px; }
	.pbox-list .table-box .line-box .line-chart { height:32px; }
	.pbox-list .table-box .line-box .line-chart strong { left:10px; font-size:14px; }
}


.product-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.product-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.product-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.product-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; max-width:1400px; width:100%; padding:100px 80px 60px; background-color:#fff; border:none; border-radius:20px; }
.product-pop .pop-body .info-box { display:flex; flex-wrap:wrap; }
.product-pop .pop-body .info-box .titbox { width:300px; }
.product-pop .pop-body .info-box .titbox h4 { position:relative; color:var(--fontColor); font-size:50px; line-height:1.3; font-weight:700; letter-spacing:-0.05em; }
.product-pop .pop-body .info-box .titbox h4 span { display:inline-block; position:relative; font-weight:700; padding-right:20px; }
.product-pop .pop-body .info-box .titbox h4 span:before { content:""; display:block; position:absolute; bottom:21%; right:0; width:8px; height:8px; border-radius:8px; background:var(--mainColor1); }
.product-pop .pop-body .info-box .content-box { width:calc(100% - 300px); } 
.product-pop .pop-body .info-box .content-box h5 { color:#333; font-size:20px; line-height:1.3; font-weight:600; letter-spacing:-0.025em; }
.product-pop .pop-body .info-box .content-box .txtbox { margin-top:30px; }
.product-pop .pop-body .info-box .content-box .txtbox p:not(:last-child) { margin-bottom:20px; }
.product-pop .pop-body .info-box .content-box .txtbox p { color:#666; font-size:18px; font-weight:300; line-height:1.7; }
.product-pop .pop-body .info-box .content-box .imgbox { margin-top:30px; }
.product-pop .pop-body .info-box .content-box .imgbox img { width:100%; }
.product-pop .pop-body .scroll_box { max-height:660px; overflow:auto; padding-right:15px; }
.product-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; cursor:pointer; transition:all 0.5s; }
.product-pop .pop-body .btn_close span { position:relative; width:36px; height:36px; display:block }
.product-pop .pop-body .btn_close span:before { content:""; display:block; width:22px; height:2px; background-color:#666; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.product-pop .pop-body .btn_close span:after { content:""; display:block; width:22px; height:2px; background-color:#666; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.product-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-width:1440px){
	.product-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); }
	.product-pop .pop-body .info-box .titbox h4 { font-size:44px; }
	.product-pop .pop-body .info-box .titbox { width:240px; }
	.product-pop .pop-body .info-box .content-box { width:calc(100% - 240px); } 
	.product-pop .pop-body .info-box .content-box h5 { font-size:19px; }
	.product-pop .pop-body .info-box .content-box .txtbox { margin-top:25px; }
	.product-pop .pop-body .info-box .content-box .txtbox p:not(:last-child) { margin-bottom:15px; }
	.product-pop .pop-body .info-box .content-box .txtbox p { font-size:17px; }
	.product-pop .pop-body .info-box .content-box .imgbox { margin-top:25px; }
}
@media screen and (max-width:1040px){
	.product-pop .pop-body { padding:60px 30px 50px; border-radius:10px; }
	.product-pop .pop-body .btn_close { right:20px; top:20px; }
	.product-pop .pop-body .btn_close span:before,
	.product-pop .pop-body .btn_close span:after {  width:25px; height:2px; }
	.product-pop .pop-body .info-box .titbox h4 { font-size:38px; }
	.product-pop .pop-body .info-box .titbox h4 span { padding-right:15px; }
	.product-pop .pop-body .info-box .titbox h4 span:before { width:6px; height:6px; }
	.product-pop .pop-body .info-box .titbox { width:100%; }
	.product-pop .pop-body .info-box .content-box { width:100%; margin-top:30px; } 
	.product-pop .pop-body .info-box .content-box h5 { font-size:16px; }
	.product-pop .pop-body .info-box .content-box .txtbox { margin-top:20px; }
	.product-pop .pop-body .info-box .content-box .txtbox p:not(:last-child) { margin-bottom:12px; }
	.product-pop .pop-body .info-box .content-box .txtbox p { font-size:16px; }
	.product-pop .pop-body .info-box .content-box .imgbox { margin-top:20px; }
}
@media screen and (max-height:840px){
	.product-pop .pop-body { padding:60px 40px 40px; }
	.product-pop .pop-body .scroll_box { height:600px; } 
	.product-pop .pop-body .btn_close { right:20px; top:20px; }
}
@media screen and (max-height:710px){
	.product-pop .pop-body .scroll_box { height:500px; } 
}
@media screen and (max-height:610px){
	.product-pop .pop-body .scroll_box { height:400px; } 
}
@media screen and (max-height:520px){
	.product-pop .pop-body .scroll_box { height:320px; } 
}
@media screen and (max-width:760px){
	.product-pop .pop-body { padding:50px 20px 40px; }
}
@media screen and (max-width:640px) {
	.product-pop .pop-body .info-box .titbox h4 { font-size:28px; }
	.product-pop .pop-body .info-box .titbox h4 span { padding-right:10px; }
	.product-pop .pop-body .info-box .titbox h4 span:before { width:4px; height:4px; }
	.product-pop .pop-body .info-box .content-box { margin-top:20px; } 
	.product-pop .pop-body .info-box .content-box .txtbox p { font-size:15px; word-break:break-word; }
}


/* safety */
.safety-box .info-box .info { margin-top:70px; }
.safety-box .info-box .info li { display:flex; align-items:center; gap:14px; color:#111; font-size:20px; font-weight:400; line-height:1.3; }
.safety-box .info-box .info li strong { font-weight:600; display:flex; align-items:center; gap:4px; }
.safety-box .info-box h4.st { color:#000; font-size:32px; font-weight:700; line-height:1.3; }
.safety-box .info-box .registerBox { margin-top:70px; }
.safety-box .info-box .registerBox table { margin-top:40px; }
.safety-box .info-box .registerBox .btnCont { margin-top:110px; }
@media (max-width:1440px) {
	.safety-box .info-box .info { margin-top:60px; }
	.safety-box .info-box .info li { gap:12px; font-size:19px; }
	.safety-box .info-box h4.st { font-size:28px; }
	.safety-box .info-box .registerBox { margin-top:60px; }
	.safety-box .info-box .registerBox .btnCont { margin-top:90px; }
}
@media (max-width:1280px) {
	.safety-box .info-box .info { margin-top:50px; }
	.safety-box .info-box .info li { gap:10px; font-size:18px; }
	.safety-box .info-box .info li img { width:21px; }
	.safety-box .info-box h4.st { font-size:24px; }
	.safety-box .info-box .registerBox { margin-top:50px; }
	.safety-box .info-box .registerBox .btnCont { margin-top:70px; }
}
@media (max-width:1024px) {
	.safety-box .info-box .info { margin-top:40px; }
	.safety-box .info-box .info li { font-size:17px; }
	.safety-box .info-box .info li img { width:18px; }
	.safety-box .info-box h4.st { font-size:22px; }
	.safety-box .info-box .registerBox { margin-top:40px; }
	.safety-box .info-box .registerBox table { margin-top:20px; }
	.safety-box .info-box .registerBox .btnCont { margin-top:50px; }
}
@media (max-width:640px) {
	.safety-box .info-box .info { margin-top:30px; }
	.safety-box .info-box h4.st { font-size:19px; }
	.safety-box .info-box .registerBox { margin-top:30px; }
	.safety-box .info-box .registerBox table { margin-top:10px; }
	.safety-box .info-box .registerBox .btnCont { margin-top:40px; }
}

/* animation */
.safety-box .info-box .registerBox { opacity:0; }
.safety-box .info-box .registerBox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


/* esg */
.esg-box { position:relative; }
.esg-box:before { content:""; display:block; width:386px; height:443px; position:absolute; left:0; top:594px; background:url(/img/sub/esg/left_logo.svg) center center no-repeat; }
.esg-box.noBg:before { display:none; }
.esg-box .tabmenu { margin-bottom:70px; }
.esg-box .bg { background:#f6f6f6; }
.esg-box h4 { color:var(--mainColor1); font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.03em; display:block; margin-bottom:20px; }
.esg-box h4.st { color:#000; font-size:32px; font-weight:600; line-height:1.3; }
.esg-box h4.tit { color:#111; font-size:24px; font-weight:700; line-height:1.3; }
.esg-box .s-title .stit { color:#111; font-size:40px; font-weight:300; line-height:1.6; letter-spacing:-0.04em; }
.esg-box .s-title .stit strong { font-weight:600; }
.esg-box .s-title p { color:#fff; font-size:20px; font-weight:400; line-height:1.6; letter-spacing:-0.04em; }
.esg-box .s-title.txt-c { text-align:center; }
.esg-box .esg-top { display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; }
.esg-box .esg-top .imgbox { width:44.7% }
.esg-box .esg-top .imgbox img { width:100%; }
.esg-box .esg-top .txtbox { width:calc(100% - 44.7%); padding:0 150px 0 0; }
.esg-box .esg-top .txtbox dt { color:#111; font-size:40px; font-weight:300; line-height:1.6; letter-spacing:-0.04em; }
.esg-box .esg-top .txtbox dt span { font-weight:600; }
.esg-box .esg-top .txtbox dt.en { line-height:1.4; font-family:var(--engFont1); }
.esg-box .esg-top .txtbox dt.en * { font-family:var(--engFont1); }
.esg-box .esg-top .txtbox dd { margin-top:50px; color:#333; font-size:20px; font-weight:300; line-height:1.7; letter-spacing:-0.04em; }
.esg-box .esg-top .txtbox dd.small { margin-top:30px; font-size:18px; text-align:justify; }
.esg-box .esg-top .txtbox dd.stxt { margin-top:30px; color:#111; }
.esg-box .esg-top .txtbox dd.stxt p:not(:last-child) { margin-bottom:20px; }
.esg-box .esg-top .txtbox dd strong { font-weight:600; }
.esg-box .esg-top .txtbox dd .ch-list li:not(:last-child) { margin-bottom:15px; }
.esg-box .esg-top .txtbox dd .ch-list li { position:relative; padding-left:30px; color:#333; font-size:18px; font-weight:300; line-height:1.7; }
.esg-box .esg-top .txtbox dd .ch-list li:before { content:""; display:block; width:15px; height:10px; position:absolute; left:0; top:10px; background:url(/img/sub/esg/ch_icon.svg) center center no-repeat; }
.esg-box .esg-top .full { width:100%; }
.esg-box .esg-top:not(:last-child) { margin-bottom:160px; }
.esg-box .esg-top:nth-child(2n) { flex-direction:row; }
.esg-box .esg-top:nth-child(2n) .txtbox { padding:0 0 0 150px; }
.esg-box .bottom .contbox { display:flex; flex-wrap:wrap; align-items:center; }
.esg-box .bottom .contbox .imgbox { width:44.7% }
.esg-box .bottom .contbox .imgbox img { width:100%; }
.esg-box .bottom .contbox .txtbox { width:calc(100% - 44.7%); padding:0 0 0 150px; }
.esg-box .bottom .contbox .txtbox dt { color:#111; font-size:40px; font-weight:300; line-height:1.6; letter-spacing:-0.04em; }
.esg-box .bottom .contbox .txtbox dt span { font-weight:600; }
.esg-box .bottom .contbox .txtbox dt.en { line-height:1.4; font-family:var(--engFont1); }
.esg-box .bottom .contbox .txtbox dt.en * { font-family:var(--engFont1); }
.esg-box .bottom .contbox .txtbox dd { margin-top:50px; }
.esg-box .bottom .contbox .txtbox dd.small { margin-top:30px; font-size:18px; text-align:justify; }
.esg-box .bottom .contbox .txtbox dd > p:not(:last-child) { margin-bottom:20px; }
.esg-box .bottom .contbox .txtbox dd > p { color:#333; font-size:20px; font-weight:300; line-height:1.7; letter-spacing:-0.04em; }
.esg-box .bottom .contbox .txtbox > ul { display:flex; gap:0 18px; }
.esg-box .bottom .contbox .txtbox .txt { margin-top:30px; }
.esg-box .bottom .contbox .txtbox .txt p:not(:last-child) { margin-bottom:20px; }
.esg-box .bottom .contbox .txtbox .txt p { color:#111; font-size:18px; font-weight:300; line-height:1.7; letter-spacing:-0.03em; text-align:justify; }
.esg-box .btn-box a { transition:0.4s; color:#666; font-size:18px; font-weight:400; line-height:1.3; padding:0 25px; height:50px; border-radius:50px; border:1px solid #666; display:inline-flex; align-items:center; justify-content:center; gap:5px; }
.esg-box .btn-box a img { transition:0.4s; }
.esg-box .btn-box a:hover { border-color:var(--mainColor); background:var(--mainColor1); color:#fff; }
.esg-box .btn-box a:hover img { filter:brightness(0) invert(1); }
.esg-box .introduce-box .goal-box { margin-top:110px; padding:150px 0 170px; }
.esg-box .introduce-box .goal-box .listbox { margin-top:70px; display:flex; flex-wrap:wrap; gap:20px; }
.esg-box .introduce-box .goal-box .listbox .box { position:relative; width:calc((100% - 40px) / 3); }
.esg-box .introduce-box .goal-box .listbox .box figure img { width:100%; }
.esg-box .introduce-box .goal-box .listbox .box .over { position:absolute; padding:70px; width:100%; left:0; bottom:0; }
.esg-box .introduce-box .goal-box .listbox .box .over dt { color:#fff; font-size:32px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.esg-box .introduce-box .goal-box .listbox .box .over dd { margin-top:20px; color:#fff; font-size:18px; font-weight:400; line-height:1.7; letter-spacing:-0.04em; }
.esg-box .goal-box .bottom { margin-top:110px; padding:150px 0 170px; background:url(/img/sub/esg/management_goal_bg.jpg) no-repeat center / cover; }
.esg-box .goal-box .bottom .listbox { margin-top:70px; display:flex; flex-wrap:wrap; gap:50px; justify-content:center; text-align:center; }
.esg-box .goal-box .bottom .listbox .circle-box { width:320px; position:relative; }
.esg-box .goal-box .bottom .listbox .circle-box:before { content:""; display:block; padding-bottom:100%; }
.esg-box .goal-box .bottom .listbox .circle-box .circle { position:absolute; left:0; top:0; width:100%; height:100%; padding:0 20px; border-radius:320px; border:1px solid rgba(255, 255, 255, 0.60); background:rgba(239, 239, 239, 0.10); backdrop-filter:blur(5px); display:flex; align-items:center; justify-content:center; flex-direction:column; }
.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-1 { font-family:var(--engFont1); color:#fff; font-size:24px; font-weight:600; line-height:1.3; }
.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-2 { margin-top:10px; color:#fff; font-size:18px; font-weight:400; line-height:1.7; }
.esg-box .policy-box .bottom { margin-top:110px; padding:120px 0 170px; }
.esg-box .policy-box .bottom .listbox { display:flex; flex-wrap:wrap; gap:40px; justify-content:center; text-align:center; }
.esg-box .policy-box .bottom .listbox .box { padding:60px 10px; width:calc((100% - 80px) / 3); background:#fff; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.05); }
.esg-box .policy-box .bottom .listbox .box h5 { color:#111; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
.esg-box .policy-box .bottom .listbox .box .btn-box { margin-top:40px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.esg-box .policy-box .imglist { padding:120px 0 170px; }
.esg-box .policy-box .imglist .box { display:flex; }
.esg-box .policy-box .imglist .box > div { width:50%; display:flex; align-items:center; }
.esg-box .policy-box .imglist .box .imgbox { position:relative; }
.esg-box .policy-box .imglist .box .imgbox:before {content:""; display:block; padding-bottom:61.4%; }
.esg-box .policy-box .imglist .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.esg-box .policy-box .imglist .box .txtbox { padding:0 90px; border: 1px solid #ddd; }
.esg-box .policy-box .imglist .box .txtbox dt { color:#333; font-size:40px; font-weight:600; line-height:1.3; }
.esg-box .policy-box .imglist .box .txtbox dd { margin-top:30px; }
.esg-box .policy-box .imglist .box .txtbox dd .txt-1 { color:#666; font-size:18px; font-weight:600; line-height:1.6; }
.esg-box .policy-box .imglist .box .txtbox dd .txt-2 { margin-top:10px; color:#666; font-size:18px; font-weight:400; line-height:1.6; }
.esg-box .policy-box .imglist .box:nth-child(2n) { flex-direction:row-reverse; }
.enviromental-box .environment-box .bottom { margin-top:110px; padding:140px 0 160px; }
.enviromental-box .environment-box .bottom .txtCont { margin-top:60px; background:#fff; padding:50px; color:#111; font-size:18px; font-weight:300; line-height:1.7; }
.enviromental-box .environment-box .bottom .contbox { margin-top:160px; }
.enviromental-box .safety-box .safety-policy { margin-top:110px; padding:120px 100px 100px; border:1px solid #ddd; }
.enviromental-box .safety-box .safety-policy dl { text-align:center; }
.enviromental-box .safety-box .safety-policy dl h4 { color:#000; font-size:32px; font-weight:600; line-height:1.3; }
.enviromental-box .safety-box .safety-policy dl dd { margin-top:50px; }
.enviromental-box .safety-box .safety-policy dl dd p:not(:last-child) { margin-bottom:20px; }
.enviromental-box .safety-box .safety-policy dl dd p { color:#333; font-size:18px; font-weight:400; line-height:1.6; }
.enviromental-box .safety-box .safety-policy .sbox { margin-top:50px; padding:60px 10px; display:flex; justify-content:center; overflow:hidden; }
.enviromental-box .safety-box .safety-policy .sbox li:not(:last-child) { margin-bottom:40px; }
.enviromental-box .safety-box .safety-policy .sbox li { display:flex; align-items:center; }
.enviromental-box .safety-box .safety-policy .sbox li strong { color:#fff; font-size:18px; font-weight:400; line-height:1.3; width:36px; height:36px; border-radius:36px; background:var(--mainColor1); display:flex; align-items:center; justify-content:center; }
.enviromental-box .safety-box .safety-policy .sbox li span { width:calc(100% - 36px); padding-left:20px; color:#333; font-size:18px; font-weight:400; line-height:1.3; }
.enviromental-box .safety-box .bottom { margin-top:120px; }
.enviromental-box .safety-box .bottom .bg { padding:160px 0 110px; }
.enviromental-box .safety-box .bottom .environment-list { padding:120px 0 170px; }
.enviromental-box .safety-box .bottom .environment-list .listbox:not(:last-child) { margin-bottom:120px; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list { margin-top:60px; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box { position:relative; display:flex; flex-wrap:wrap; align-items:center; border:1px solid #ddd; margin-top:-1px; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box > div { width:50%; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure { position:relative; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure:before {content:""; display:block; padding-bottom:35.5%; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox { padding:0 50px; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dt { color:#333; font-size:18px; font-weight:600; line-height:1.3; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd { margin-top:16px; color:#666; font-size:18px; font-weight:400; line-height:1.66; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul { margin-top:20px; padding-left:12px; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li:not(:last-child) { margin-bottom:10px; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li { position:relative; padding-left:18px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li:before { content:""; display:block; width:3px; height:3px; position:absolute; left:0; top:10px; background:#666; border-radius:3px; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box:nth-child(2n) { flex-direction:row-reverse; }
.enviromental-box .safety-box .bottom .btn-box { display:flex; align-items:center; gap:0 100px; }
.enviromental-box .safety-box .bottom .btn-box h4 { margin:0; }
@media (max-width:1720px) {
	.esg-box .policy-box .imglist .box .txtbox dd .txt-1 br,
	.esg-box .policy-box .imglist .box .txtbox dd .txt-2 br { display:none; }
	.esg-box .policy-box .imglist .box .txtbox dd .txt-1 span.m_br,
	.esg-box .policy-box .imglist .box .txtbox dd .txt-2 span.m_br { display:block; }
}
@media (max-width:1620px) {
	.esg-box .esg-top .txtbox dt br,
	.esg-box .esg-top .txtbox dd br { display:none }
	.esg-box .bottom .contbox .txtbox dt br,
	.esg-box .bottom .contbox .txtbox dd br { display:none }
}
@media (max-width:1540px) {
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure:before { padding-bottom:42%; }
}
@media (max-width:1440px) {
	.esg-box:before { width:290px; height:332px; background-size:290px auto; }
	.esg-box h4 { font-size:19px; margin-bottom:15px; }
	.esg-box h4.st { font-size:28px; }
	.esg-box h4.tit { font-size:22px; }
	.esg-box .s-title .stit { font-size:36px; }
	.esg-box .s-title p { font-size:19px; }
	.esg-box .esg-top .imgbox { width:50% }
	.esg-box .esg-top .txtbox { width:calc(100% - 50%); padding:0 100px 0 0; }
	.esg-box .esg-top .txtbox dt { font-size:36px; }
	.esg-box .esg-top .txtbox dd { margin-top:40px; font-size:19px; }
	.esg-box .esg-top .txtbox dd.small { margin-top:25px; font-size:17px; }
	.esg-box .esg-top .txtbox dd .ch-list li:not(:last-child),
	.esg-box .esg-top .txtbox dd.stxt p:not(:last-child) { margin-bottom:20px; }
	.esg-box .esg-top:not(:last-child) { margin-bottom:140px; }
	.esg-box .esg-top:nth-child(2n) .txtbox { padding:0 0 0 100px; }
	.esg-box .esg-top .full { width:100%; }
	.esg-box .bottom .contbox .imgbox { width:50% }
	.esg-box .bottom .contbox .txtbox { width:calc(100% - 50%); padding:0 0 0 100px; }
	.esg-box .bottom .contbox .txtbox dt { font-size:36px; }
	.esg-box .bottom .contbox .txtbox dd { margin-top:40px; }
	.esg-box .bottom .contbox .txtbox dd.small { margin-top:25px; }
	.esg-box .bottom .contbox .txtbox dd > p:not(:last-child) { margin-bottom:15px; }
	.esg-box .bottom .contbox .txtbox dd > p { font-size:19px; }
	.esg-box .bottom .contbox .txtbox > ul { gap:0 15px; }
	.esg-box .bottom .contbox .txtbox .txt { margin-top:25px; }
	.esg-box .bottom .contbox .txtbox .txt p:not(:last-child) { margin-bottom:15px; }
	.esg-box .btn-box a { font-size:17px; padding:0 20px; height:45px; } 
	.esg-box .introduce-box .goal-box { margin-top:90px; padding:100px 0 120px; }
	.esg-box .introduce-box .goal-box .listbox { margin-top:50px; }
	.esg-box .introduce-box .goal-box .listbox .box .over { padding:60px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dt { font-size:26px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dd { margin-top:15px; font-size:17px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dd br { display:none }
	.esg-box .goal-box .bottom { margin-top:90px; padding:100px 0 120px; }
	.esg-box .goal-box .bottom .listbox { margin-top:50px; gap:30px; }
	.esg-box .goal-box .bottom .listbox .circle-box { width:280px; }
	.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-1 { font-size:22px; }
	.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-2 { margin-top:10px; font-size:17px; }
	.esg-box .policy-box .bottom { margin-top:90px; padding:90px 0 120px; }
	.esg-box .policy-box .bottom .listbox { gap:30px; }
	.esg-box .policy-box .bottom .listbox .box { padding:50px 10px; width:calc((100% - 60px) / 3); }
	.esg-box .policy-box .bottom .listbox .box h5 { font-size:19px; }
	.esg-box .policy-box .bottom .listbox .box .btn-box { margin-top:30px; }
	.esg-box .policy-box .imglist { padding:90px 0 120px; }
	.esg-box .policy-box .imglist .box .imgbox:before {padding-bottom:65%; }
	.esg-box .policy-box .imglist .box .txtbox { padding:0 60px; }
	.esg-box .policy-box .imglist .box .txtbox dt { font-size:34px; }
	.enviromental-box .environment-box .bottom { margin-top:90px; padding:90px 0 110px; }
	.enviromental-box .environment-box .bottom .txtCont { margin-top:50px; padding:40px; font-size:17px; }
	.enviromental-box .environment-box .bottom .contbox { margin-top:110px; }
	.enviromental-box .safety-box .safety-policy { margin-top:90px; padding:100px 80px 80px; }
	.enviromental-box .safety-box .safety-policy dl h4 { font-size:28px; }
	.enviromental-box .safety-box .safety-policy dl dd { margin-top:40px; }
	.enviromental-box .safety-box .safety-policy dl dd p:not(:last-child) { margin-bottom:15px; }
	.enviromental-box .safety-box .safety-policy dl dd p { font-size:17px; }
	.enviromental-box .safety-box .safety-policy .sbox { margin-top:40px; padding:50px 10px; }
	.enviromental-box .safety-box .safety-policy .sbox li:not(:last-child) { margin-bottom:35px; }
	.enviromental-box .safety-box .safety-policy .sbox li strong { font-size:17px; }
	.enviromental-box .safety-box .safety-policy .sbox li span { font-size:17px; padding-left:18px; }
	.enviromental-box .safety-box .bottom { margin-top:100px; }
	.enviromental-box .safety-box .bottom .bg { padding:120px 0 90px; }
	.enviromental-box .safety-box .bottom .environment-list { padding:100px 0 130px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox:not(:last-child) { margin-bottom:100px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list { margin-top:50px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure:before { padding-bottom:45%; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox { padding:0 40px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dt { font-size:17px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd { margin-top:12px; font-size:17px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul { margin-top:15px; padding-left:10px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li:not(:last-child) { margin-bottom:8px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li { padding-left:16px; font-size:17px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li:before { width:3px; height:3px; top:10px; }
	.enviromental-box .safety-box .bottom .btn-box { gap:0 80px; }
}
@media (max-width:1280px) {
	.esg-box:before { width:250px; height:287px; top:530px; background-size:250px auto; }
	.esg-box h4 { font-size:18px; margin-bottom:12px; }
	.esg-box h4.st { font-size:24px; }
	.esg-box h4.tit { font-size:20px; }
	.esg-box .s-title .stit { font-size:28px; }
	.esg-box .s-title p { font-size:18px; }
	.esg-box .esg-top .txtbox { padding:0 60px 0 0; }
	.esg-box .esg-top .txtbox dt { font-size:28px; }
	.esg-box .esg-top .txtbox dd { margin-top:30px; font-size:18px; }
	.esg-box .esg-top .txtbox dd.small { margin-top:20px; font-size:16px; }
	.esg-box .esg-top .txtbox dd .ch-list li:not(:last-child),
	.esg-box .esg-top .txtbox dd.stxt p:not(:last-child) { margin-bottom:12px; }
	.esg-box .esg-top .txtbox dd .ch-list li { padding-left:28px; font-size:17px; }
	.esg-box .esg-top .txtbox dd .ch-list li:before { width:15px; height:10px; top:9px; }
	.esg-box .esg-top:not(:last-child) { margin-bottom:100px; }
	.esg-box .esg-top:nth-child(2n) .txtbox { padding:0 0 0 60px; }
	.esg-box .bottom .contbox .txtbox { padding:0 0 0 60px; }
	.esg-box .bottom .contbox .txtbox dt { font-size:28px; }
	.esg-box .bottom .contbox .txtbox dd { margin-top:30px; }
	.esg-box .bottom .contbox .txtbox dd > p { font-size:18px; }
	.esg-box .bottom .contbox .txtbox dd.small { margin-top:20px; }
	.esg-box .bottom .contbox .txtbox dd > p:not(:last-child) { margin-bottom:12px; }
	.esg-box .bottom .contbox .txtbox > ul { gap:0 10px; }
	.esg-box .bottom .contbox .txtbox .txt { margin-top:20px; }
	.esg-box .bottom .contbox .txtbox .txt p:not(:last-child) { margin-bottom:12px; }
	.esg-box .bottom .contbox .txtbox .txt p { font-size:17px; }
	.esg-box .btn-box a { font-size:16px; } 
	.esg-box .introduce-box .goal-box { margin-top:70px; padding:80px 0 100px; }
	.esg-box .introduce-box .goal-box .listbox { margin-top:30px; }
	.esg-box .introduce-box .goal-box .listbox .box .over { padding:40px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dt { font-size:22px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dd { margin-top:12px; }
	.esg-box .goal-box .bottom { margin-top:70px; padding:80px 0 100px; }
	.esg-box .goal-box .bottom .listbox { margin-top:30px; gap:20px; }
	.esg-box .goal-box .bottom .listbox .circle-box { width:260px; }
	.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-1 { font-size:20px; }
	.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-2 { margin-top:8px; }
	.esg-box .policy-box .bottom { margin-top:70px; padding:60px 0 100px; }
	.esg-box .policy-box .bottom .listbox { gap:20px; }
	.esg-box .policy-box .bottom .listbox .box { padding:40px 10px; width:calc((100% - 40px) / 3); }
	.esg-box .policy-box .bottom .listbox .box h5 { font-size:18px; }
	.esg-box .policy-box .bottom .listbox .box .btn-box { margin-top:20px; }
	.esg-box .policy-box .imglist { padding:60px 0 100px; }
	.esg-box .policy-box .imglist .box .imgbox:before {padding-bottom:75%; }
	.esg-box .policy-box .imglist .box .txtbox { padding:0 30px; }
	.esg-box .policy-box .imglist .box .txtbox dt { font-size:28px; }
	.esg-box .policy-box .imglist .box .txtbox dd { margin-top:20px; }
	.esg-box .policy-box .imglist .box .txtbox dd .txt-1,
	.esg-box .policy-box .imglist .box .txtbox dd .txt-2 { font-size:17px; }
	.enviromental-box .environment-box .bottom { margin-top:70px; padding:70px 0 90px; }
	.enviromental-box .environment-box .bottom .txtCont { margin-top:40px; padding:30px; }
	.enviromental-box .environment-box .bottom .contbox { margin-top:90px; }
	.enviromental-box .safety-box .safety-policy { margin-top:70px; padding:80px 50px 50px; }
	.enviromental-box .safety-box .safety-policy dl h4 { font-size:24px; }
	.enviromental-box .safety-box .safety-policy dl dd { margin-top:30px; }
	.enviromental-box .safety-box .safety-policy dl dd p:not(:last-child) { margin-bottom:12px; }
	.enviromental-box .safety-box .safety-policy .sbox { margin-top:40px; padding:50px 40px; }
	.enviromental-box .safety-box .safety-policy .sbox li:not(:last-child) { margin-bottom:30px; }
	.enviromental-box .safety-box .safety-policy .sbox li strong { width:34px; height:34px; }
	.enviromental-box .safety-box .safety-policy .sbox li span { width:calc(100% - 34px); }
	.enviromental-box .safety-box .bottom { margin-top:80px; }
	.enviromental-box .safety-box .bottom .bg { padding:100px 0 70px; }
	.enviromental-box .safety-box .bottom .environment-list { padding:80px 0 110px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox:not(:last-child) { margin-bottom:80px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list { margin-top:40px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure:before { padding-bottom:60%; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox { padding:0 30px; }
	.enviromental-box .safety-box .bottom .btn-box { gap:0 60px; }
}
@media (max-width:1024px) {
	.esg-box:before { width:180px; height:206px; top:430px; background-size:180px auto; }
	.esg-box .tabmenu { margin-bottom:45px; }
	.esg-box h4 { font-size:17px; margin-bottom:10px; }
	.esg-box h4 img { height:24px; }
	.esg-box h4.st { font-size:22px; }
	.esg-box h4.tit { font-size:18px; }
	.esg-box .s-title .stit { font-size:23px; }
	.esg-box .s-title p { font-size:17px; }
	.esg-box .esg-top .txtbox { padding:0 40px 0 0; }
	.esg-box .esg-top .txtbox dt { font-size:23px; }
	.esg-box .esg-top .txtbox dd { margin-top:20px; font-size:17px; }
	.esg-box .esg-top .txtbox dd.small { margin-top:15px; font-size:15px; }
	.esg-box .esg-top .txtbox dd .ch-list li:not(:last-child),
	.esg-box .esg-top .txtbox dd.stxt p:not(:last-child) { margin-bottom:10px; }
	.esg-box .esg-top .txtbox dd .ch-list li { padding-left:26px; font-size:16px; }
	.esg-box .esg-top .txtbox dd .ch-list li:before { width:13px; height:10px; top:8px; background-size:13px auto }
	.esg-box .esg-top:not(:last-child) { margin-bottom:80px; }
	.esg-box .esg-top:nth-child(2n) .txtbox { padding:0 0 0 40px; }
	.esg-box .bottom .contbox .txtbox { padding:0 0 0 40px; }
	.esg-box .bottom .contbox .txtbox dt { font-size:23px; }
	.esg-box .bottom .contbox .txtbox dd { margin-top:20px; }
	.esg-box .bottom .contbox .txtbox dd.small { margin-top:15px; }
	.esg-box .bottom .contbox .txtbox dd > p { font-size:17px; }
	.esg-box .bottom .contbox .txtbox dd > p:not(:last-child) { margin-bottom:10px; }
	.esg-box .bottom .contbox .txtbox > ul > li img { width:50px; } 
	.esg-box .bottom .contbox .txtbox .txt { margin-top:15px; }
	.esg-box .bottom .contbox .txtbox .txt p:not(:last-child) { margin-bottom:10px; }
	.esg-box .bottom .contbox .txtbox .txt p { font-size:16px; } 
	.esg-box .btn-box a { font-size:15px; height:40px; } 
	.esg-box .introduce-box .goal-box { margin-top:50px; padding:60px 0 80px; }
	.esg-box .introduce-box .goal-box .listbox { margin-top:20px; gap:10px; }
	.esg-box .introduce-box .goal-box .listbox .box { width:calc((100% - 20px) / 3); }
	.esg-box .introduce-box .goal-box .listbox .box .over { padding:20px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dt { font-size:20px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dd { margin-top:10px; font-size:16px; }
	.esg-box .goal-box .bottom { margin-top:50px; padding:60px 0 80px; }
	.esg-box .goal-box .bottom .listbox { margin-top:20px; gap:10px; }
	.esg-box .goal-box .bottom .listbox .circle-box { width:200px; }
	.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-1 { font-size:19px; }
	.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-2 { margin-top:5px; font-size:16px; }
	.esg-box .policy-box .bottom { margin-top:50px; padding:50px 0 80px; }
	.esg-box .policy-box .bottom .listbox { gap:10px; }
	.esg-box .policy-box .bottom .listbox .box { padding:40px 10px; width:calc((100% - 20px) / 3); }
	.esg-box .policy-box .bottom .listbox .box h5 { font-size:17px; }
	.esg-box .policy-box .bottom .listbox .box .btn-box { margin-top:15px; gap:5px; }
	.esg-box .policy-box .imglist { padding:50px 0 80px; }
	.esg-box .policy-box .imglist .box { flex-wrap:wrap; }
	.esg-box .policy-box .imglist .box > div { width:100%; }
	.esg-box .policy-box .imglist .box .imgbox:before {padding-bottom:35%; }
	.esg-box .policy-box .imglist .box .txtbox { padding:25px 20px; }
	.esg-box .policy-box .imglist .box .txtbox dt { font-size:24px; }
	.esg-box .policy-box .imglist .box .txtbox dd { margin-top:15px; }
	.esg-box .policy-box .imglist .box .txtbox dd .txt-1 { font-size:16px; }
	.esg-box .policy-box .imglist .box .txtbox dd .txt-2 { margin-top:5px; font-size:16px; }
	.enviromental-box .environment-box .bottom { margin-top:50px; padding:50px 0 70px; }
	.enviromental-box .environment-box .bottom .txtCont { margin-top:30px; padding:20px; font-size:16px; }
	.enviromental-box .environment-box .bottom .contbox { margin-top:70px; }
	.enviromental-box .safety-box .safety-policy { margin-top:50px; padding:40px 20px 30px; }
	.enviromental-box .safety-box .safety-policy dl h4 { font-size:22px; }
	.enviromental-box .safety-box .safety-policy dl dd { margin-top:20px; }
	.enviromental-box .safety-box .safety-policy dl dd p:not(:last-child) { margin-bottom:10px; }
	.enviromental-box .safety-box .safety-policy dl dd p { font-size:16px; }
	.enviromental-box .safety-box .safety-policy .sbox { margin-top:30px; padding:40px 20px; }
	.enviromental-box .safety-box .safety-policy .sbox li:not(:last-child) { margin-bottom:20px; }
	.enviromental-box .safety-box .safety-policy .sbox li strong { font-size:16px; width:30px; height:30px; }
	.enviromental-box .safety-box .safety-policy .sbox li span { font-size:16px; width:calc(100% - 30px); padding-left:15px; }
	.enviromental-box .safety-box .bottom { margin-top:60px; }
	.enviromental-box .safety-box .bottom .bg { padding:80px 0 50px; }
	.enviromental-box .safety-box .bottom .environment-list { padding:60px 0 90px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox:not(:last-child) { margin-bottom:60px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list { margin-top:30px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure:before { padding-bottom:65%; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox { padding:0 20px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dt { font-size:16px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd { margin-top:12px; font-size:16px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul { margin-top:15px; padding-left:8px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li { padding-left:12px; font-size:16px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li:before { width:2px; height:2px; top:8px; }
	.enviromental-box .safety-box .bottom .btn-box { gap:0 40px; }
}
@media (max-width:960px) {
	.enviromental-box .safety-box .safety-policy dl dd p br { display:none }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box > div { width:100%; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure:before { padding-bottom:32%; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox { padding:40px 20px; }
}
@media (max-width:760px) {
	.esg-box:before { display:none }
	.esg-box .esg-top .imgbox,
	.esg-box .esg-top .txtbox,
	.esg-box .esg-top:nth-child(2n) .txtbox { width:100%; padding:0; }
	.esg-box .esg-top .txtbox { margin-top:30px; }
	.esg-box .bottom .contbox .imgbox,
	.esg-box .bottom .contbox .txtbox { width:100%; padding:0; }
	.esg-box .bottom .contbox .txtbox { margin-top:30px; }
	.esg-box .introduce-box .goal-box .listbox .box { width:calc((100% - 10px) / 2); }
	.esg-box .policy-box .bottom .listbox .box { width:calc((100% - 10px) / 2); }
}
@media (max-width:640px) {
	.esg-box .tabmenu { margin-bottom:30px; }
	.esg-box h4 { font-size:16px; margin-bottom:8px; }
	.esg-box h4 img { height:20px; }
	.esg-box h4.st { font-size:19px; }
	.esg-box h4.tit { font-size:17px; }
	.esg-box .s-title p { font-size:16px; }
	.esg-box .s-title .stit { font-size:20px; }
	.esg-box .esg-top .txtbox dt { font-size:20px; }
	.esg-box .esg-top .txtbox dd { margin-top:15px; font-size:16px; }
	.esg-box .esg-top .txtbox dd.small { margin-top:10px; font-size:15px; }
	.esg-box .esg-top .txtbox dd .ch-list li:not(:last-child),
	.esg-box .esg-top .txtbox dd.stxt p:not(:last-child) { margin-bottom:8px; }
	.esg-box .esg-top .txtbox dd .ch-list li { padding-left:22px; font-size:15px; }
	.esg-box .esg-top .txtbox dd .ch-list li:before { width:11px; top:6px; background-size:11px auto }
	.esg-box .esg-top:not(:last-child) { margin-bottom:50px; }
	.esg-box .bottom .contbox .txtbox dt { font-size:20px; }
	.esg-box .bottom .contbox .txtbox dd { margin-top:15px; }
	.esg-box .bottom .contbox .txtbox dd.small { margin-top:10px; }
	.esg-box .bottom .contbox .txtbox dd > p { font-size:16px; }
	.esg-box .bottom .contbox .txtbox > ul > li img { width:45px; } 
	.esg-box .bottom .contbox .txtbox .txt p { font-size:15px; } 
	.esg-box .btn-box a { font-size:15px; } 
	.esg-box .introduce-box .goal-box { margin-top:30px; padding:40px 0 60px; }
	.esg-box .introduce-box .goal-box .listbox { margin-top:15px; gap:5px; }
	.esg-box .introduce-box .goal-box .listbox .box { width:calc((100% - 5px) / 2); }
	.esg-box .introduce-box .goal-box .listbox .box .over { padding:15px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dt { font-size:18px; }
	.esg-box .introduce-box .goal-box .listbox .box .over dd { margin-top:8px; font-size:15px; }
	.esg-box .goal-box .bottom { margin-top:30px; padding:40px 0 60px; }
	.esg-box .goal-box .bottom .listbox { margin-top:15px; gap:5px; }
	.esg-box .goal-box .bottom .listbox .circle-box { width:160px; }
	.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-1 { font-size:17px; }
	.esg-box .goal-box .bottom .listbox .circle-box .circle .txt-2 { font-size:15px; }
	.esg-box .policy-box .bottom { margin-top:30px; padding:40px 0 60px; }
	.esg-box .policy-box .bottom .listbox { gap:10px; }
	.esg-box .policy-box .bottom .listbox .box { padding:30px 10px; width:100%; }
	.esg-box .policy-box .bottom .listbox .box h5 { font-size:16px; }
	.esg-box .policy-box .bottom .listbox .box .btn-box { margin-top:10px; }
	.esg-box .policy-box .imglist { padding:40px 0 60px; }
	.esg-box .policy-box .imglist .box .imgbox:before {padding-bottom:45%; }
	.esg-box .policy-box .imglist .box .txtbox dt { font-size:21px; }
	.esg-box .policy-box .imglist .box .txtbox dd { margin-top:10px; }
	.enviromental-box .environment-box .bottom { margin-top:30px; padding:30px 0 50px; }
	.enviromental-box .environment-box .bottom .txtCont { margin-top:20px; font-size:15px; }
	.enviromental-box .environment-box .bottom .contbox { margin-top:50px; }
	.enviromental-box .safety-box .safety-policy { margin-top:30px; padding:20px 10px 10px; }
	.enviromental-box .safety-box .safety-policy dl { padding:0 10px; }
	.enviromental-box .safety-box .safety-policy dl h4 { font-size:19px; }
	.enviromental-box .safety-box .safety-policy dl dd { margin-top:15px; }
	.enviromental-box .safety-box .safety-policy dl dd p { font-size:15px; }
	.enviromental-box .safety-box .safety-policy .sbox { margin-top:20px; padding:20px 15px; }
	.enviromental-box .safety-box .safety-policy .sbox li:not(:last-child) { margin-bottom:20px; }
	.enviromental-box .safety-box .safety-policy .sbox li strong { font-size:15px; width:26px; height:26px; }
	.enviromental-box .safety-box .safety-policy .sbox li span { font-size:15px; width:calc(100% - 26px); padding-left:12px; }
	.enviromental-box .safety-box .bottom { margin-top:60px; }
	.enviromental-box .safety-box .bottom .bg { padding:60px 0 30px; }
	.enviromental-box .safety-box .bottom .environment-list { padding:20px 0 50px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox:not(:last-child) { margin-bottom:40px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list { margin-top:20px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure:before { padding-bottom:35%; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox { padding:30px 15px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dt { font-size:15px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd { margin-top:10px; font-size:15px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul { margin-top:10px; padding-left:5px; }
	.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox dd ul li { font-size:15px; }
	.enviromental-box .safety-box .bottom .btn-box { gap:0 30px; }
}
@media (max-width:480px) {
	.esg-box .introduce-box .goal-box .listbox .box { width:100%; }
}

/* animation */
.esg-box .esg-top .imgbox figure:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:3; }
.esg-box .esg-top.subOn .imgbox figure:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.esg-box .esg-top .txtbox dt,
.esg-box .esg-top .txtbox dd { opacity:0; }
.esg-box .esg-top.subOn .txtbox dt { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .esg-top.subOn .txtbox dd { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.esg-box .s-title { overflow:hidden }
.esg-box .s-title h4,
.esg-box .s-title .stit,
.esg-box .s-title p { opacity:0; }
.esg-box .s-title.subOn h4 { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.esg-box .s-title.subOn .stit,
.esg-box .s-title.subOn p { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.esg-box .bottom .contbox .imgbox figure:after { content:""; display:block; width:100%; height:100%; background:#f6f6f6; position:absolute; left:0; bottom:0; z-index:3; }
.esg-box .bottom .contbox.subOn .imgbox figure:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.esg-box .bottom .contbox .txtbox ul,
.esg-box .bottom .contbox .txtbox p { opacity:0; }
.esg-box .bottom .contbox .txtbox dt,
.esg-box .bottom .contbox .txtbox dd { opacity:0; }
.esg-box .bottom .contbox.subOn .txtbox dt { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .bottom .contbox.subOn .txtbox dd { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.esg-box .bottom .contbox.subOn .txtbox ul { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .bottom .contbox.subOn .txtbox p { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.esg-box .introduce-box .goal-box .listbox .box { opacity:0; }
.esg-box .introduce-box .goal-box .listbox.subOn .box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .goal-box .bottom .listbox .circle-box { opacity:0; }
.esg-box .goal-box .bottom .listbox.subOn .circle-box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .policy-box .bottom .listbox .box { opacity:0; }
.esg-box .policy-box .bottom .listbox.subOn .box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .policy-box .imglist .box .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:3; }
.esg-box .policy-box .imglist .box.subOn .imgbox:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.esg-box .policy-box .imglist .box .txtbox dl { opacity:0; }
.esg-box .policy-box .imglist .box.subOn .txtbox dl { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .policy-box .imglist .box:nth-child(2n).subOn .txtbox dl { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.enviromental-box .safety-box .safety-policy dl { opacity:0; }
.enviromental-box .safety-box .safety-policy dl.subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.enviromental-box .safety-box .safety-policy .sbox ul { opacity:0; }
.enviromental-box .safety-box .safety-policy .sbox.subOn ul { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.enviromental-box .environment-box .bottom .txtCont { opacity:0; }
.enviromental-box .environment-box .bottom .txtCont.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .imgbox figure:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:3; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box.subOn .imgbox figure:after { animation:ani_h100 1.0s 0.4s; animation-fill-mode:both; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box .txtbox { opacity:0; }
.enviromental-box .safety-box .bottom .environment-list .listbox .list .box.subOn .txtbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
@media (max-width:1024px) {
	.esg-box .policy-box .imglist .box.subOn .txtbox dl,
	.esg-box .policy-box .imglist .box:nth-child(2n).subOn .txtbox dl { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}

.social-box .introduce-box .intro-charter { margin-top:160px; padding:130px 0; background:url(/img/sub/esg/social_introduce_bg.jpg) no-repeat center / cover; }
.social-box .introduce-box .intro-charter .c-box { display:flex; align-items:center; }
.social-box .introduce-box .intro-charter .c-box .l-box { width:670px; }
.social-box .introduce-box .intro-charter .c-box .l-box dt h4 img { height:48px; }
.social-box .introduce-box .intro-charter .c-box .l-box dd { margin-top:50px; }
.social-box .introduce-box .intro-charter .c-box .l-box dd ul { padding-left:15px; }
.social-box .introduce-box .intro-charter .c-box .l-box dd li:not(:last-child) { margin-bottom:20px; }
.social-box .introduce-box .intro-charter .c-box .l-box dd li { position:relative; padding-left:27px; color:#fff; font-size:24px; font-weight:600; line-height:1.3; }
.social-box .introduce-box .intro-charter .c-box .l-box dd li:before { content:""; display:block; width:6px; height:6px; position:absolute; left:0; top:12px; background:#fff; border-radius:6px; }
.social-box .introduce-box .intro-charter .c-box .r-box { width:calc(100% - 670px); display:flex; flex-direction:column; gap:24px; }
.social-box .introduce-box .intro-charter .c-box .r-box .box { padding:60px; border:1px solid rgba(255, 255, 255, 0.60); background:rgba(239, 239, 239, 0.10); backdrop-filter:blur(5px); }
.social-box .introduce-box .intro-charter .c-box .r-box .box dt { color:#fff; font-size:24px; font-weight:600; line-height:1.3; }
.social-box .introduce-box .intro-charter .c-box .r-box .box dd { display:flex; flex-wrap:wrap; gap:6px 60px; margin-top:20px; }
.social-box .introduce-box .intro-charter .c-box .r-box .box dd ul { padding-left:12px; }
.social-box .introduce-box .intro-charter .c-box .r-box .box dd li:not(:last-child) { margin-bottom:6px; }
.social-box .introduce-box .intro-charter .c-box .r-box .box dd li { position:relative; padding-left:18px; color:#fff; font-size:18px; font-weight:400; line-height:1.7; }
.social-box .introduce-box .intro-charter .c-box .r-box .box dd li:before { content:""; display:block; width:3px; height:3px; position:absolute; left:0; top:13px; background:#fff; border-radius:6px; }
.social-box .introduce-box .bottom { padding:160px 0 170px; }
.social-box .introduce-box .bottom .listbox { margin-top:60px; display:flex; flex-wrap:wrap; margin-left:1px; }
.social-box .introduce-box .bottom .listbox .box { position:relative; width:calc(100% / 3); border:1px solid #ddd; margin-left:-1px; background:#fff }
.social-box .introduce-box .bottom .listbox .box .p-top { margin:-1px; position:relative; height:90px; color:#fff; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.025em; display:flex; align-items:center; justify-content:center; }
.social-box .introduce-box .bottom .listbox .box .p-top:before { content:""; display:block; position:absolute; left:0; top:0; border-width:45px 0 45px 27px; border-style:solid; }
.social-box .introduce-box .bottom .listbox .box:nth-child(1) .p-top { background:#ed999e; }
.social-box .introduce-box .bottom .listbox .box:nth-child(2) .p-top { background:#de646b; }
.social-box .introduce-box .bottom .listbox .box:nth-child(3) .p-top { background:var(--mainColor1); }
.social-box .introduce-box .bottom .listbox .box:nth-child(1) .p-top:before { display:none }
.social-box .introduce-box .bottom .listbox .box:nth-child(2) .p-top:before { border-color:transparent transparent transparent #ed999e; }
.social-box .introduce-box .bottom .listbox .box:nth-child(3) .p-top:before { border-color:transparent transparent transparent #de646b; }
.social-box .introduce-box .bottom .listbox .box .list { padding:50px 40px 80px; }
.social-box .introduce-box .bottom .listbox .box .list dl:not(:last-child) { margin-bottom:44px; }
.social-box .introduce-box .bottom .listbox .box .list dl { min-height:164px; }
.social-box .introduce-box .bottom .listbox .box .list dt { color:#333; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.social-box .introduce-box .bottom .listbox .box .list dd { margin-top:20px; }
.social-box .introduce-box .bottom .listbox .box .list dd ul { padding-left:12px; }
.social-box .introduce-box .bottom .listbox .box .list dd li:not(:last-child) { margin-bottom:8px; }
.social-box .introduce-box .bottom .listbox .box .list dd li { position:relative; padding-left:18px; color:#666; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.020em; }
.social-box .introduce-box .bottom .listbox .box .list dd li:before { content:""; display:block; width:3px; height:3px; position:absolute; left:0; top:11px; background:#666; border-radius:6px; }
.social-box .charter-box .bottom { margin-top:110px; padding:140px 0 170px; }
.social-box .charter-box .bottom .txt { color:#000; font-size:32px; font-weight:300; line-height:1.7; letter-spacing:-0.035em; }
.social-box .charter-box .bottom .txt strong { font-weight:700; }
.social-box .charter-box .bottom .sbox { margin-top:60px; padding:60px; overflow:hidden; background:#fff; }
.social-box .charter-box .bottom .sbox li:not(:last-child) { margin-bottom:30px; }
.social-box .charter-box .bottom .sbox li { display:flex; align-items:center; }
.social-box .charter-box .bottom .sbox li strong { color:#fff; font-size:18px; font-weight:400; line-height:1.3; width:36px; height:36px; border-radius:36px; background:var(--mainColor1); display:flex; align-items:center; justify-content:center; }
.social-box .charter-box .bottom .sbox li span { width:calc(100% - 36px); padding-left:20px; color:#333; font-size:18px; font-weight:400; line-height:1.3; }
.social-box .charter-box .bottom .txt_b { margin-top:60px; color:#333; font-size:18px; font-weight:400; line-height:1.4; }
.social-box .counsel-box .box-list .listbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:30px 40px; }
.social-box .counsel-box .box-list .listbox .box { width:calc((100% - 120px) / 4); padding:40px; border-top:3px solid var(--mainColor1); background:#fff; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.05); }
.social-box .counsel-box .box-list .listbox .box dt { color:#111; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.social-box .counsel-box .box-list .listbox .box dt strong { font-weight:700; }
.social-box .counsel-box .box-list .listbox .box dd { margin-top:20px; color:#333; font-size:18px; font-weight:300; line-height:1.7; letter-spacing:-0.025em; }
.social-box .counsel-box .box-list .listbox .box dd .stxt { margin-top:10px; color:#666; font-size:16px; font-weight:300; line-height:1.6; }
.social-box .counsel-box .target-box { margin-top:110px; padding:160px 0; }
.social-box .counsel-box .process-box { margin-top:110px; }
.social-box .counsel-box .process-box .listbox .box { width:calc((100% - 80px) / 3); min-height:194px; box-shadow:none; border:1px solid #ddd; border-top:3px solid var(--mainColor1); }
.social-box .counsel-box .process-box .txt_b { margin-top:40px; color:#666; font-size:18px; font-weight:300; line-height:1.7; letter-spacing:-0.025em; }
.social-box .counsel-box .bottom { margin-top:120px; padding:120px 0; }
.social-box .apply-box .process-box { overflow:hidden }
.social-box .apply-box .process-box .listbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:40px; }
.social-box .apply-box .process-box .listbox .box { position:relative; width:calc((100% - 80px) / 3); padding:40px; text-align:center; border:1px solid #ddd; border-top:3px solid var(--mainColor1); }
.social-box .apply-box .process-box .listbox .box:before { content:""; display:block; width:30px; height:30px; position:absolute; left:-36px; top:50%; transform:translateY(-50%); background:url(/img/sub/esg/icon_arr.svg) center center no-repeat; }
.social-box .apply-box .process-box .listbox .box:first-child:before { display:none; }
.social-box .apply-box .process-box .listbox .box dt { color:#111; font-size:20px; font-weight:700; line-height:1.3; letter-spacing:-0.03em; }
.social-box .apply-box .process-box .listbox .box dd { margin-top:34px; }
.social-box .apply-box .process-box .listbox .box dd .txt { margin-top:34px; color:#333; font-size:20px; font-weight:400; line-height:1.3; letter-spacing:-0.03em; }
.social-box .apply-box .process-box .listbox .box dd .txt span { display:block; margin-top:5px; color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.social-box .apply-box .info-box { margin-top:120px; }
.social-box .apply-box .info-box dd { margin-top:30px; }
.social-box .apply-box .info-box dd li:not(:last-child) { margin-bottom:10px; }
.social-box .apply-box .info-box dd li { color:#333; font-size:20px; font-weight:300; line-height:1.3; letter-spacing:-0.03em; }
.social-box .apply-box .registerBox { margin:120px 0 170px; }
.social-box .apply-box .registerBox .btnCont { margin-top:110px; }
@media (max-width:1440px) {
	.social-box .introduce-box .intro-charter { margin-top:120px; padding:110px 0; }
	.social-box .introduce-box .intro-charter .c-box .l-box { width:480px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dt h4 img { height:42px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd { margin-top:40px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd ul { padding-left:12px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li:not(:last-child) { margin-bottom:15px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li { padding-left:24px; font-size:22px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li:before { top:11px; }
	.social-box .introduce-box .intro-charter .c-box .r-box { width:calc(100% - 480px); gap:20px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box { padding:40px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dt { font-size:22px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd { gap:6px 40px; margin-top:20px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd ul { padding-left:10px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd li:not(:last-child) { margin-bottom:6px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd li { padding-left:16px; font-size:17px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd li:before { width:3px; height:3px; top:13px; }
	.social-box .introduce-box .bottom { padding:120px 0 130px; }
	.social-box .introduce-box .bottom .listbox { margin-top:50px; }
	.social-box .introduce-box .bottom .listbox .box .p-top { height:80px; font-size:19px; }
	.social-box .introduce-box .bottom .listbox .box .p-top:before { border-width:40px 0 40px 25px; }
	.social-box .introduce-box .bottom .listbox .box .list { padding:40px 30px 60px; }
	.social-box .introduce-box .bottom .listbox .box .list dl:not(:last-child) { margin-bottom:35px; }
	.social-box .introduce-box .bottom .listbox .box .list dl { min-height:158px; }
	.social-box .introduce-box .bottom .listbox .box .list dt { font-size:19px; }
	.social-box .introduce-box .bottom .listbox .box .list dd { margin-top:15px; }
	.social-box .introduce-box .bottom .listbox .box .list dd ul { padding-left:10px; }
	.social-box .introduce-box .bottom .listbox .box .list dd li:not(:last-child) { margin-bottom:8px; }
	.social-box .introduce-box .bottom .listbox .box .list dd li { padding-left:16px; font-size:17px; }
	.social-box .introduce-box .bottom .listbox .box .list dd li:before {width:3px; height:3px; top:11px; }
	.social-box .charter-box .bottom { margin-top:90px; padding:100px 0 120px; }
	.social-box .charter-box .bottom .txt { font-size:28px; }
	.social-box .charter-box .bottom .sbox { margin-top:50px; padding:50px; }
	.social-box .charter-box .bottom .sbox li:not(:last-child) { margin-bottom:25px; }
	.social-box .charter-box .bottom .sbox li strong { font-size:17px; }
	.social-box .charter-box .bottom .sbox li span { font-size:17px; padding-left:18px; }
	.social-box .charter-box .bottom .txt_b { margin-top:50px; font-size:17px; }
	.social-box .counsel-box .box-list .listbox { margin-top:50px; gap:25px 30px; }
	.social-box .counsel-box .box-list .listbox .box { width:calc((100% - 90px) / 4); padding:30px; }
	.social-box .counsel-box .box-list .listbox .box dt { font-size:19px; }
	.social-box .counsel-box .box-list .listbox .box dd { margin-top:15px; font-size:17px; }
	.social-box .counsel-box .box-list .listbox .box dd .stxt { margin-top:8px; font-size:15px; }
	.social-box .counsel-box .target-box { margin-top:90px; padding:120px 0; }
	.social-box .counsel-box .process-box { margin-top:90px; }
	.social-box .counsel-box .process-box .listbox .box { width:calc((100% - 60px) / 3); }
	.social-box .counsel-box .process-box .txt_b { margin-top:30px; font-size:17px; }
	.social-box .counsel-box .bottom { margin-top:100px; padding:100px 0; }
	.social-box .apply-box .process-box .listbox { margin-top:50px; gap:30px; }
	.social-box .apply-box .process-box .listbox .box { width:calc((100% - 60px) / 3); padding:30px; }
	.social-box .apply-box .process-box .listbox .box:before { width:30px; height:30px; left:-32px; }
	.social-box .apply-box .process-box .listbox .box dt { font-size:19px; }
	.social-box .apply-box .process-box .listbox .box dd { margin-top:30px; }
	.social-box .apply-box .process-box .listbox .box dd .txt { margin-top:30px; font-size:19px;}
	.social-box .apply-box .process-box .listbox .box dd .txt span { font-size:17px; }
	.social-box .apply-box .info-box { margin-top:100px; }
	.social-box .apply-box .info-box dd { margin-top:25px; }
	.social-box .apply-box .info-box dd li { font-size:19px; }
	.social-box .apply-box .registerBox { margin:100px 0 130px; }
	.social-box .apply-box .registerBox .btnCont { margin-top:90px; }
}
@media (max-width:1280px) {
	.social-box .introduce-box .intro-charter { margin-top:100px; padding:90px 0; }
	.social-box .introduce-box .intro-charter .c-box .l-box { width:400px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dt h4 img { height:38px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd { margin-top:30px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd ul { padding-left:10px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li:not(:last-child) { margin-bottom:12px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li { padding-left:18px; font-size:20px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li:before { top:10px; width:4px; height:4px; }
	.social-box .introduce-box .intro-charter .c-box .r-box { width:calc(100% - 400px); gap:15px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box { padding:30px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dt { font-size:20px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd { gap:6px 30px; margin-top:15px; }
	.social-box .introduce-box .bottom { padding:100px 0 110px; }
	.social-box .introduce-box .bottom .listbox { margin-top:40px; }
	.social-box .introduce-box .bottom .listbox .box .p-top { height:70px; font-size:18px; }
	.social-box .introduce-box .bottom .listbox .box .p-top:before { border-width:35px 0 35px 22px; }
	.social-box .introduce-box .bottom .listbox .box .list { padding:35px 20px 50px; }
	.social-box .introduce-box .bottom .listbox .box .list dl:not(:last-child) { margin-bottom:30px; }
	.social-box .introduce-box .bottom .listbox .box .list dl { min-height:150px; }
	.social-box .introduce-box .bottom .listbox .box .list dt { font-size:18px; }
	.social-box .introduce-box .bottom .listbox .box .list dd { margin-top:12px; }
	.social-box .charter-box .bottom { margin-top:70px; padding:80px 0 100px; }
	.social-box .charter-box .bottom .txt { font-size:24px; }
	.social-box .charter-box .bottom .sbox { margin-top:40px; padding:40px; }
	.social-box .charter-box .bottom .sbox li:not(:last-child) { margin-bottom:20px; }
	.social-box .charter-box .bottom .sbox li strong { width:34px; height:34px; }
	.social-box .charter-box .bottom .sbox li span { width:calc(100% - 34px); }
	.social-box .charter-box .bottom .txt_b { margin-top:40px; }
	.social-box .counsel-box .box-list .listbox { margin-top:40px; gap:15px 20px; }
	.social-box .counsel-box .box-list .listbox .box { width:calc((100% - 60px) / 4); padding:20px; }
	.social-box .counsel-box .box-list .listbox .box dd { margin-top:12px; }
	.social-box .counsel-box .box-list .listbox .box dd .stxt { margin-top:8px; }
	.social-box .counsel-box .target-box { margin-top:70px; padding:100px 0; }
	.social-box .counsel-box .process-box { margin-top:70px; }
	.social-box .counsel-box .process-box .listbox .box { width:calc((100% - 40px) / 3); min-height:170px; }
	.social-box .counsel-box .process-box .txt_b { margin-top:25px; }
	.social-box .counsel-box .bottom { margin-top:80px; padding:80px 0; }
	.social-box .apply-box .process-box .listbox { margin-top:40px; gap:20px; }
	.social-box .apply-box .process-box .listbox .box { width:calc((100% - 40px) / 3); padding:20px; }
	.social-box .apply-box .process-box .listbox .box:before { width:25px; height:25px; left:-23px; background-size:16px auto; }
	.social-box .apply-box .process-box .listbox .box dt { font-size:18px; }
	.social-box .apply-box .process-box .listbox .box dd { margin-top:25px; }
	.social-box .apply-box .process-box .listbox .box dd .txt { margin-top:25px; font-size:18px;}
	.social-box .apply-box .process-box .listbox .box dd .txt span { font-size:16px; }
	.social-box .apply-box .info-box { margin-top:80px; }
	.social-box .apply-box .info-box dd { margin-top:20px; }
	.social-box .apply-box .info-box dd li { font-size:18px; }
	.social-box .apply-box .registerBox { margin:80px 0 110px; }
	.social-box .apply-box .registerBox .btnCont { margin-top:70px; }
}
@media (max-width:1024px) {
	.social-box .introduce-box .intro-charter { margin-top:80px; padding:70px 0; }
	.social-box .introduce-box .intro-charter .c-box { flex-direction:column; }
	.social-box .introduce-box .intro-charter .c-box .l-box { width:100%; }
	.social-box .introduce-box .intro-charter .c-box .l-box dt h4 img { height:32px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd { margin-top:20px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd ul { padding-left:10px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li:not(:last-child) { margin-bottom:10px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li { padding-left:18px; font-size:18px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li:before { top:10px; width:4px; height:4px; }
	.social-box .introduce-box .intro-charter .c-box .r-box { width:100%; gap:10px; margin-top:30px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box { padding:20px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dt { font-size:18px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd { gap:6px 30px; margin-top:10px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd ul { padding-left:8px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd li { padding-left:12px; font-size:16px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd li:before { width:2px; height:2px; top:12px; }
	.social-box .introduce-box .bottom { padding:80px 0 90px; }
	.social-box .introduce-box .bottom .listbox { margin-top:30px; }
	.social-box .introduce-box .bottom .listbox .box .p-top { height:60px; font-size:17px; }
	.social-box .introduce-box .bottom .listbox .box .p-top:before { border-width:30px 0 30px 20px; }
	.social-box .introduce-box .bottom .listbox .box .list { padding:30px 20px 40px; }
	.social-box .introduce-box .bottom .listbox .box .list dl:not(:last-child) { margin-bottom:20px; }
	.social-box .introduce-box .bottom .listbox .box .list dl { min-height:150px; }
	.social-box .introduce-box .bottom .listbox .box .list dt { font-size:18px; }
	.social-box .introduce-box .bottom .listbox .box .list dd { margin-top:12px; }
	.social-box .introduce-box .bottom .listbox .box .list dd ul { padding-left:8px; }
	.social-box .introduce-box .bottom .listbox .box .list dd li { padding-left:12px; font-size:16px; }
	.social-box .introduce-box .bottom .listbox .box .list dd li:before { width:2px; height:2px; top:8px; }
	.social-box .charter-box .bottom { margin-top:50px; padding:60px 0 80px; }
	.social-box .charter-box .bottom .txt { font-size:22px; }
	.social-box .charter-box .bottom .txt br { display:none }
	.social-box .charter-box .bottom .sbox { margin-top:30px; padding:20px; }
	.social-box .charter-box .bottom .sbox li:not(:last-child) { margin-bottom:15px; }
	.social-box .charter-box .bottom .sbox li strong { font-size:16px; width:30px; height:30px; }
	.social-box .charter-box .bottom .sbox li span { font-size:16px; width:calc(100% - 30px); padding-left:15px; }
	.social-box .charter-box .bottom .txt_b { margin-top:30px; font-size:16px; }
	.social-box .counsel-box .box-list .listbox { margin-top:30px; gap:10px; }
	.social-box .counsel-box .box-list .listbox .box { width:calc((100% - 10px) / 2); padding:20px; }
	.social-box .counsel-box .box-list .listbox .box dt { font-size:18px; }
	.social-box .counsel-box .box-list .listbox .box dd { margin-top:10px; font-size:16px; }
	.social-box .counsel-box .box-list .listbox .box dd .stxt { margin-top:5px; font-size:14px; }
	.social-box .counsel-box .target-box { margin-top:50px; padding:80px 0; }
	.social-box .counsel-box .process-box { margin-top:50px; }
	.social-box .counsel-box .process-box .listbox .box { width:calc((100% - 10px) / 2); min-height:auto; }
	.social-box .counsel-box .process-box .txt_b { margin-top:20px; font-size:16px;}
	.social-box .counsel-box .bottom { margin-top:60px; padding:60px 0; }
	.social-box .apply-box .process-box .listbox { margin-top:30px; }
	.social-box .apply-box .process-box .listbox .box dt { font-size:17px; }
	.social-box .apply-box .process-box .listbox .box dd { margin-top:20px; }
	.social-box .apply-box .process-box .listbox .box dd img { width:55px; }
	.social-box .apply-box .process-box .listbox .box dd .txt { margin-top:20px; font-size:17px;}
	.social-box .apply-box .process-box .listbox .box dd .txt span { margin-top:3px; font-size:15px; }
	.social-box .apply-box .info-box { margin-top:60px; }
	.social-box .apply-box .info-box dd { margin-top:15px; }
	.social-box .apply-box .info-box dd li { font-size:17px; }
	.social-box .apply-box .registerBox { margin:60px 0 90px; }
	.social-box .apply-box .registerBox .btnCont { margin-top:50px; }
}
@media (max-width:640px) {
	.social-box .introduce-box .intro-charter { margin-top:60px; padding:50px 0; }
	.social-box .introduce-box .intro-charter .c-box .l-box dt h4 img { height:28px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd { margin-top:15px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd ul { padding-left:10px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li:not(:last-child) { margin-bottom:10px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li { padding-left:18px; font-size:17px; }
	.social-box .introduce-box .intro-charter .c-box .l-box dd li:before { top:10px; width:4px; height:4px; }
	.social-box .introduce-box .intro-charter .c-box .r-box { width:100%; gap:10px; margin-top:30px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box { padding:20px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dt { font-size:17px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd { gap:6px 20px; margin-top:10px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd ul { padding-left:5px; }
	.social-box .introduce-box .intro-charter .c-box .r-box .box dd li { font-size:15px; }
	.social-box .introduce-box .bottom { padding:60px 0 70px; }
	.social-box .introduce-box .bottom .listbox { margin-top:20px; }
	.social-box .introduce-box .bottom .listbox .box { width:100%; }
	.social-box .introduce-box .bottom .listbox .box .p-top { height:50px; font-size:16px; }
	.social-box .introduce-box .bottom .listbox .box .p-top:before { border-width:15px 13px 0 13px; left:50%; transform:translate(-50%); top:-35px; }
	.social-box .introduce-box .bottom .listbox .box:nth-child(2) .p-top:before { border-color:#ed999e transparent transparent transparent; }
	.social-box .introduce-box .bottom .listbox .box:nth-child(3) .p-top:before { border-color:#de646b transparent transparent transparent; }
	.social-box .introduce-box .bottom .listbox .box .list { padding:20px 20px 60px; }
	.social-box .introduce-box .bottom .listbox .box .list dl:not(:last-child) { margin-bottom:15px; }
	.social-box .introduce-box .bottom .listbox .box .list dl { min-height:auto; }
	.social-box .introduce-box .bottom .listbox .box .list dt { font-size:17px; }
	.social-box .introduce-box .bottom .listbox .box .list dd { margin-top:10px; }
	.social-box .introduce-box .bottom .listbox .box .list dd ul { padding-left:5px; }
	.social-box .introduce-box .bottom .listbox .box .list dd li { font-size:15px; }
	.social-box .charter-box .bottom { margin-top:30px; padding:40px 0 60px; }
	.social-box .charter-box .bottom .txt { font-size:19px; }
	.social-box .charter-box .bottom .sbox { margin-top:20px; }
	.social-box .charter-box .bottom .sbox li:not(:last-child) { margin-bottom:15px; }
	.social-box .charter-box .bottom .sbox li strong { font-size:15px; width:26px; height:26px; }
	.social-box .charter-box .bottom .sbox li span { font-size:15px; width:calc(100% - 26px); padding-left:12px; }
	.social-box .charter-box .bottom .txt_b { margin-top:20px; font-size:15px; }
	.social-box .counsel-box .box-list .listbox { margin-top:20px; gap:5px; }
	.social-box .counsel-box .box-list .listbox .box { width:calc((100% - 5px) / 2); padding:20px 15px; }
	.social-box .counsel-box .box-list .listbox .box dt { font-size:17px; }
	.social-box .counsel-box .box-list .listbox .box dd { margin-top:10px; font-size:15px; }
	.social-box .counsel-box .box-list .listbox .box dd .stxt { font-size:13px; }
	.social-box .counsel-box .target-box { margin-top:40px; padding:60px 0; }
	.social-box .counsel-box .process-box { margin-top:40px; }
	.social-box .counsel-box .process-box .listbox .box { width:calc((100% - 5px) / 2); }
	.social-box .counsel-box .process-box .txt_b { margin-top:15px; font-size:15px;}
	.social-box .counsel-box .bottom { margin-top:40px; padding:40px 0; }
	.social-box .apply-box .process-box .listbox { margin-top:20px; }
	.social-box .apply-box .process-box .listbox .box { width:100%; }
	.social-box .apply-box .process-box .listbox .box:before { left:50%; top:-14px; transform:translate(-50%, -50%) rotate(90deg); }
	.social-box .apply-box .process-box .listbox .box dt { font-size:16px; }
	.social-box .apply-box .process-box .listbox .box dd { margin-top:20px; }
	.social-box .apply-box .process-box .listbox .box dd img { width:48px; }
	.social-box .apply-box .process-box .listbox .box dd .txt { margin-top:15px; font-size:16px;}
	.social-box .apply-box .process-box .listbox .box dd .txt span { font-size:14px; }
	.social-box .apply-box .info-box { margin-top:60px; }
	.social-box .apply-box .info-box dd { margin-top:10px; }
	.social-box .apply-box .info-box dd li { font-size:16px; }
	.social-box .apply-box .registerBox { margin:40px 0 70px; }
	.social-box .apply-box .registerBox .btnCont { margin-top:40px; }
}

/* animation */
.social-box .introduce-box .intro-charter .c-box .l-box { opacity:0; }
.social-box .introduce-box .intro-charter .c-box .l-box.subOn { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.social-box .introduce-box .intro-charter .c-box .r-box { opacity:0; }
.social-box .introduce-box .intro-charter .c-box .r-box.subOn { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.social-box .introduce-box .bottom .listbox .box { opacity:0; }
.social-box .introduce-box .bottom .listbox.subOn .box { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.social-box .charter-box .bottom .txt { opacity:0; }
.social-box .charter-box .bottom .txt.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.social-box .charter-box .bottom .sbox ul { opacity:0; }
.social-box .charter-box .bottom .sbox.subOn ul { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.social-box .counsel-box .target-box .listbox .box { opacity:0; }
.social-box .counsel-box .target-box .listbox.subOn .box { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.social-box .counsel-box .process-box .listbox .box { opacity:0; }
.social-box .counsel-box .process-box .listbox.subOn .box { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.social-box .apply-box .process-box .listbox .box { opacity:0; }
.social-box .apply-box .process-box .listbox.subOn .box { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.social-box .apply-box .info-box,
.social-box .apply-box .registerBox { opacity:0; }
.social-box .apply-box .info-box.subOn,
.social-box .apply-box .registerBox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
@media (max-width:1024px) {
	.social-box .introduce-box .intro-charter .c-box .l-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.social-box .introduce-box .intro-charter .c-box .r-box.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}
@media (max-width:640px) {
	.social-box .introduce-box .bottom .listbox.subOn .box,
	.social-box .apply-box .process-box .listbox.subOn .box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}

.governance-box .director-box { display:flex; flex-direction:column; gap:120px 0; padding-bottom:170px; }
.governance-box .director-box .txtbox-1 .txt-list1 { display:flex; flex-direction:column; gap:30px 0; }
.governance-box .director-box .txtbox-1 .txt-list1 p { color:#666; font-size:18px; font-weight:300; line-height:1.7; letter-spacing:-0.025em; }
.governance-box .director-box .txtbox-1 .txt-list1 .btn-box { margin-top:-10px; }
.governance-box .director-box .txtbox-1 .txt-list2 { margin-top:50px; }
.governance-box .director-box .txtbox-1 .txt-list2 dl:not(:last-child) { margin-bottom:30px; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dt { color:#333; font-size:18px; font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd { margin-top:20px; color:#666; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.025em; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1,
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 { padding-left:12px; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1 li:not(:last-child),
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li:not(:last-child) { margin-bottom:10px; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1 li { line-height:1.4; position:relative; padding-left:18px; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1 li span { position:absolute; left:0; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 { padding:20px 0 20px 12px; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2.list2-1 { padding:10px 0 10px 8px; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li { position:relative; padding-left:18px; }
.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li:before { content:""; display:block; width:3px; height:3px; position:absolute; left:0; top:10px; background:#666; border-radius:3px; }
.governance-box .director-box .txtbox-1 table { margin-top:20px; border-top:3px solid #000; }
.governance-box .director-box .txtbox-1 table thead th { text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; height:70px; color:#111; font-size:20px; font-weight:600; line-height:1.3; }
.governance-box .director-box .txtbox-1 table tbody td { text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; height:70px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.governance-box .director-box .txtbox-1 table thead .noline,
.governance-box .director-box .txtbox-1 table tbody .noline { border-left:none; }
.governance-box .director-box .bottom { padding:140px 0; }
.governance-box .director-box.law-box { padding-bottom:0; }
.governance-box .director-box.law-box .bottom .sbox { margin-top:50px; padding:60px; background:#fff; }
.governance-box .director-box.law-box .bottom .sbox .txt-list2:nth-child(1) { margin-top:0; }
.governance-box .director-box.law-box .bottom .txt_b { margin-top:60px; color:#666; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-0.025em; }

@media (max-width:1440px) {
	.governance-box .director-box { gap:90px 0; padding-bottom:130px; }
	.governance-box .director-box .txtbox-1 .txt-list1 { gap:25px 0; }
	.governance-box .director-box .txtbox-1 .txt-list1 p { font-size:17px;}
	.governance-box .director-box .txtbox-1 .txt-list1 .btn-box { margin-top:-10px; }
	.governance-box .director-box .txtbox-1 .txt-list2 { margin-top:40px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl:not(:last-child) { margin-bottom:25px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dt { font-size:17px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd { margin-top:20px; font-size:17px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1,
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 { padding-left:10px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1 li:not(:last-child),
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li:not(:last-child) { margin-bottom:8px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 { padding:15px 0 15px 10px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2.list2-1 { padding:8px 0 8px 10px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li { padding-left:16px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li:before {width:3px; height:3px; top:11px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1 li { padding-left:16px; }
	.governance-box .director-box .bottom { padding:100px 0; }
	.governance-box .director-box.law-box .bottom .sbox { margin-top:40px; padding:50px; }
	.governance-box .director-box.law-box .bottom .txt_b { margin-top:50px; font-size:17px; }
}
@media (max-width:1280px) {
	.governance-box .director-box br { display:none }
	.governance-box .director-box .m_br { display:block }
	.governance-box .director-box { gap:70px 0; padding-bottom:110px; }
	.governance-box .director-box .txtbox-1 .txt-list1 { gap:20px 0; }
	.governance-box .director-box .txtbox-1 .txt-list1 .btn-box { margin-top:-8px; }
	.governance-box .director-box .txtbox-1 .txt-list2 { margin-top:30px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl:not(:last-child) { margin-bottom:20px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd { margin-top:15px; }
	.governance-box .director-box .bottom { padding:80px 0; }
	.governance-box .director-box.law-box .bottom .sbox { margin-top:30px; padding:40px; }
	.governance-box .director-box.law-box .bottom .txt_b { margin-top:40px; }
}
@media (max-width:1024px) {
	.governance-box .director-box { gap:50px 0; padding-bottom:90px; }
	.governance-box .director-box .txtbox-1 .txt-list1 { gap:15px 0; }
	.governance-box .director-box .txtbox-1 .txt-list1 p { font-size:16px;}
	.governance-box .director-box .txtbox-1 .txt-list1 .btn-box { margin-top:-8px; }
	.governance-box .director-box .txtbox-1 .txt-list2 { margin-top:30px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl:not(:last-child) { margin-bottom:20px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dt { font-size:16px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd { margin-top:15px; font-size:16px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1,
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 { padding-left:8px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list1 li:not(:last-child),
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li:not(:last-child) { margin-bottom:8px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 { padding:12px 0 12px 8px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2.list2-1 { padding:8px 0 8px 8px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li { padding-left:12px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li:before { width:2px; height:2px; top:10px; }
	.governance-box .director-box .txtbox-1 table { margin-top:10px; }
	.governance-box .director-box .txtbox-1 table thead th { height:50px; font-size:18px; }
	.governance-box .director-box .txtbox-1 table tbody td { height:50px; font-size:16px; }
	.governance-box .director-box .bottom { padding:60px 0; }
	.governance-box .director-box.law-box .bottom .sbox { margin-top:20px; padding:30px; }
	.governance-box .director-box.law-box .bottom .txt_b { margin-top:30px; font-size:16px; }
}
@media (max-width:640px) {
	.governance-box .director-box { gap:30px 0; padding-bottom:70px; }
	.governance-box .director-box .txtbox-1 .txt-list1 { gap:12px 0; }
	.governance-box .director-box .txtbox-1 .txt-list1 p { font-size:15px;}
	.governance-box .director-box .txtbox-1 .txt-list1 .btn-box { margin-top:-5px; }
	.governance-box .director-box .txtbox-1 .txt-list2 { margin-top:20px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl:not(:last-child) { margin-bottom:15px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dt { font-size:15px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd { margin-top:12px; font-size:15px; }
	.governance-box .director-box .txtbox-1 .txt-list2 dl dd ul.list2 li:before { top:9px; }
	.governance-box .director-box .txtbox-1 table thead th { height:45px; font-size:17px; }
	.governance-box .director-box .txtbox-1 table tbody td { height:45px; font-size:15px; }
	.governance-box .director-box .bottom { padding:40px 0; }
	.governance-box .director-box.law-box .bottom .sbox { margin-top:15px; padding:15px; }
	.governance-box .director-box.law-box .bottom .txt_b { margin-top:20px; font-size:15px; }
}

/* animation */
.governance-box .director-box .txtbox-1 .txt-list1,
.governance-box .director-box .txtbox-1 .txt-list2 { opacity:0; }
.governance-box .director-box .txtbox-1 .txt-list1.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.governance-box .director-box .txtbox-1 .txt-list2.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }


/* careers */
.talent-box .imgbox { margin-top:70px; }
.talent-box .imgbox img { width:100%; }
.talent-box .txtbox { margin-top:120px; display:flex; flex-wrap:wrap; overflow:hidden }
.talent-box .txtbox p { width:50%; color:#111; font-size:50px; font-weight:600; line-height:1.5; letter-spacing:-0.05em; }
.talent-box .txtbox dl { width:50%; }
.talent-box .txtbox dt { color:var(--mainColor1); font-size:26px; font-weight:700; line-height:1.3; letter-spacing:-0.03em; }
.talent-box .txtbox dd { margin-top:23px; }
.talent-box .txtbox dd li:not(:last-child) { margin-bottom:15px; }
.talent-box .txtbox dd li { color:#666; font-size:18px; font-weight:300; line-height:1.7; display:flex; }
.talent-box .txtbox dd li strong { width:147px; color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.talent-box .txtbox dd li strong span { color:var(--mainColor1); font-weight:600; }
.talent-box .txtbox dd li .txt { width:calc(100% - 147px); font-weight:300; }
@media (max-width:1440px) {
	.talent-box .txtbox p { font-size:42px; }
	.talent-box .txtbox dt { font-size:24px; }
	.talent-box .txtbox dd { margin-top:20px; }
	.talent-box .txtbox dd li:not(:last-child) { margin-bottom:15px; }
	.talent-box .txtbox dd li { font-size:18px; }
	.talent-box .txtbox dd li strong { width:147px; font-size:20px; }
	.talent-box .txtbox dd li .txt { width:calc(100% - 147px); }
}
@media (max-width:1280px) {
	.talent-box .txtbox p { font-size:36px; }
	.talent-box .txtbox dt { font-size:23px; }
	.talent-box .txtbox dd { margin-top:15px; }
	.talent-box .txtbox dd li:not(:last-child) { margin-bottom:12px; }
	.talent-box .txtbox dd li { font-size:17px; }
	.talent-box .txtbox dd li strong { width:150px; font-size:19px; }
	.talent-box .txtbox dd li .txt { width:calc(100% - 150px); }
}
@media (max-width:1024px) {
	.talent-box .imgbox { margin-top:45px; }
	.talent-box .txtbox { margin-top:80px; }
	.talent-box .txtbox p { font-size:30px; }
	.talent-box .txtbox dt { font-size:22px; }
	.talent-box .txtbox dd li:not(:last-child) { margin-bottom:10px; }
	.talent-box .txtbox dd li { font-size:16px; }
	.talent-box .txtbox dd li strong { width:140px; font-size:18px; }
	.talent-box .txtbox dd li .txt { width:calc(100% - 140px); }
}
@media (max-width:860px) {
	.talent-box .txtbox p { width:100%; }
	.talent-box .txtbox p br { display:none }
	.talent-box .txtbox dl { width:100%; margin-top:30px; }
}
@media (max-width:640px) {
	.talent-box .imgbox { margin-top:30px; }
	.talent-box .txtbox { margin-top:50px; }
	.talent-box .txtbox p { font-size:24px; }
	.talent-box .txtbox dl { margin-top:15px; }
	.talent-box .txtbox dt { font-size:20px; }
	.talent-box .txtbox dd { margin-top:12px; }
	.talent-box .txtbox dd li:not(:last-child) { margin-bottom:8px; }
	.talent-box .txtbox dd li { font-size:15px; }
	.talent-box .txtbox dd li strong { width:110px; font-size:17px; }
	.talent-box .txtbox dd li .txt { width:calc(100% - 110px); }
}

/* animation */
.talent-box .imgbox figure:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:3; }
.talent-box .imgbox.subOn figure:after { animation:ani_h100 1.0s 0.2s; animation-fill-mode:both; }
.talent-box .txtbox p,
.talent-box .txtbox dl li { opacity:0; }
.talent-box .txtbox.subOn p { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.talent-box .txtbox.subOn dl li { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }


.recruit-box .welfare-box { margin-top:70px; }
.recruit-box .welfare-box h4 { color:#000; font-size:32px; font-weight:600; line-height:1.3; }
.recruit-box .welfare-box .listbox { margin-top:40px; display:flex; flex-wrap:wrap; gap:20px; }
.recruit-box .welfare-box .listbox .box { width:calc((100% - 80px) / 5); border:1px solid #ddd; border-top:3px solid var(--mainColor1); padding:40px; }
.recruit-box .welfare-box .listbox .box dt { color:#111; font-size:20px; font-weight:700; line-height:1.3; }
.recruit-box .welfare-box .listbox .box dd { margin-top:20px; padding-left:12px; }
.recruit-box .welfare-box .listbox .box dd li:not(:last-child) { margin-bottom:10px; }
.recruit-box .welfare-box .listbox .box dd li { position:relative; padding-left:14px; color:#333; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.03em; }
.recruit-box .welfare-box .listbox .box dd li:before { content:""; display:block; width:3px; height:3px; background:#333; position:absolute; left:0; top:9px; border-radius:3px; }
.recruit-box .process-box { margin-top:120px; padding:120px 0; text-align:center; background:url(/img/sub/process_bg.jpg) no-repeat center / cover; }
.recruit-box .process-box h4 { color:#fff; font-size:32px; font-weight:600; line-height:1.3; }
.recruit-box .process-box .listbox { margin-top:80px; display:flex; flex-wrap:wrap; gap:126px; }
.recruit-box .process-box .listbox .circle-box { position:relative; width:calc((100% - 378px) / 4); }
.recruit-box .process-box .listbox .circle-box:before { content:""; display:block; padding-bottom:100%; }
.recruit-box .process-box .listbox .circle-box:after { content:""; display:block; position:absolute; left:-80px; top:50%; transform:translateY(-50%); width:30px; height:30px; background:url(/img/sub/process-arr.svg) no-repeat center / cover; }
.recruit-box .process-box .listbox .circle-box:first-child:after { display:none; } 
.recruit-box .process-box .listbox .circle { color:#fff; font-size:20px; font-weight:400; line-height:1.3; position:absolute; left:0; top:0; width:100%; height:100%;  display:flex; gap:15px; align-items:center; justify-content:center; flex-direction:column; border-radius:330px; border:1px solid #fff; background:rgba(239, 239, 239, 0.20); backdrop-filter:blur(5px); }
.recruit-box .process-box .listbox .circle strong { font-size:24px; font-weight:600; }
.recruit-box .recruit-list { margin-top:120px; }
.recruit-box .recruit-list .toptxt { display:flex; align-items:flex-end; justify-content:space-between; }
.recruit-box .recruit-list .toptxt h4 { color:#000; font-size:40px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.recruit-box .recruit-list .toptxt p { margin-top:30px; color:#333; font-size:20px; font-weight:300; line-height:1.7; letter-spacing:-0.03em; }
.recruit-box .recruit-list .toptxt .btn_box a { color:#666; font-size:18px; font-weight:400; line-height:1.3; padding:0 25px; height:50px; gap:15px; display:flex; align-items:center; justify-content:center; border:1px solid #666; border-radius:65px; transition:all 0.5s; }
.recruit-box .recruit-list .toptxt .btn_box a img { transition:all 0.5s; }
.recruit-box .recruit-list .toptxt .btn_box a:hover { border-color:var(--mainColor1); background:var(--mainColor1); color:#fff; }
.recruit-box .recruit-list .toptxt .btn_box a:hover img { filter:brightness(0) invert(1); }
.recruit-box .search-box { margin-top:110px; }
@media (max-width:1440px) {
	.recruit-box .welfare-box h4 { font-size:28px; }
	.recruit-box .welfare-box .listbox { margin-top:35px; gap:15px; }
	.recruit-box .welfare-box .listbox .box { width:calc((100% - 60px) / 5); padding:30px; }
	.recruit-box .welfare-box .listbox .box dt { font-size:19px; }
	.recruit-box .welfare-box .listbox .box dd { margin-top:15px; padding-left:12px; }
	.recruit-box .welfare-box .listbox .box dd li { font-size:17px; }
	.recruit-box .process-box { margin-top:100px; padding:100px 0; }
	.recruit-box .process-box h4 { font-size:28px; }
	.recruit-box .process-box .listbox { margin-top:60px; gap:90px; }
	.recruit-box .process-box .listbox .circle-box { width:calc((100% - 270px) / 4); }
	.recruit-box .process-box .listbox .circle-box:after { left:-60px; }
	.recruit-box .process-box .listbox .circle { font-size:19px; gap:13px; }
	.recruit-box .process-box .listbox .circle strong { font-size:23px; }
	.recruit-box .recruit-list { margin-top:100px; }
	.recruit-box .recruit-list .toptxt h4 { font-size:32px; }
	.recruit-box .recruit-list .toptxt p { margin-top:25px; font-size:19px; }
	.recruit-box .recruit-list .toptxt .btn_box a { font-size:17px; padding:0 25px; height:50px; gap:15px; }
}
@media (max-width:1280px) {
	.recruit-box .welfare-box h4 { font-size:24px; }
	.recruit-box .welfare-box .listbox { margin-top:30px; gap:10px; }
	.recruit-box .welfare-box .listbox .box { width:calc((100% - 40px) / 5); padding:20px; }
	.recruit-box .welfare-box .listbox .box dt { font-size:18px; }
	.recruit-box .welfare-box .listbox .box dd { margin-top:10px; padding-left:10px; }
	.recruit-box .welfare-box .listbox .box dd li { font-size:16px; }
	.recruit-box .process-box { margin-top:70px; padding:70px 0; }
	.recruit-box .process-box h4 { font-size:24px; }
	.recruit-box .process-box .listbox { margin-top:40px; gap:60px; }
	.recruit-box .process-box .listbox .circle-box { width:calc((100% - 180px) / 4); }
	.recruit-box .process-box .listbox .circle-box:after { left:-40px; background-size:16px auto; }
	.recruit-box .process-box .listbox .circle { font-size:18px; gap:10px; }
	.recruit-box .process-box .listbox .circle strong { font-size:22px; }
	.recruit-box .process-box .listbox .circle-box:nth-child(3):after { display:none; } 
	.recruit-box .recruit-list { margin-top:70px; }
	.recruit-box .recruit-list .toptxt { align-items:flex-start; flex-direction:column; justify-content:flex-start; gap:20px; }
	.recruit-box .recruit-list .toptxt h4 { font-size:28px; }
	.recruit-box .recruit-list .toptxt p { margin-top:20px; font-size:18px; }
	.recruit-box .recruit-list .toptxt .btn_box a { font-size:16px; padding:0 22px; height:50px; gap:10px; }
}
@media (max-width:1024px) {
	.recruit-box .welfare-box { margin-top:45px; }
	.recruit-box .welfare-box h4 { font-size:20px; }
	.recruit-box .welfare-box .listbox { margin-top:20px; gap:10px; }
	.recruit-box .welfare-box .listbox .box { width:calc((100% - 10px) / 2); padding:20px; }
	.recruit-box .process-box { margin-top:50px; padding:50px 0; }
	.recruit-box .process-box h4 { font-size:20px; }
	.recruit-box .process-box .listbox { margin-top:20px; gap:60px; }
	.recruit-box .process-box .listbox .circle-box { width:calc((100% - 60px) / 2); }
	.recruit-box .recruit-list { margin-top:50px; }
	.recruit-box .recruit-list .toptxt { gap:15px; }
	.recruit-box .recruit-list .toptxt h4 { font-size:24px; }
	.recruit-box .recruit-list .toptxt p { margin-top:15px; font-size:17px; }
	.recruit-box .search-box { margin-top:60px; }
}
@media (max-width:640px) {
	.recruit-box .welfare-box { margin-top:30px; }
	.recruit-box .welfare-box .listbox { gap:5px; }
	.recruit-box .welfare-box .listbox .box { width:calc((100% - 5px) / 2); padding:15px; border-width:2px 1px 1px}
	.recruit-box .welfare-box .listbox .box dt { font-size:17px; }
	.recruit-box .welfare-box .listbox .box dd { margin-top:10px; padding-left:5px; }
	.recruit-box .welfare-box .listbox .box dd li { font-size:15px; padding-left:10px; }
	.recruit-box .welfare-box .listbox .box dd li:before { width:2px; height:2px; top:7px; }
	.recruit-box .process-box { margin-top:40px; padding:40px 0; }
	.recruit-box .process-box .listbox { gap:40px; }
	.recruit-box .process-box .listbox .circle-box { width:calc((100% - 40px) / 2); }
	.recruit-box .process-box .listbox .circle-box:after { left:-34px; }
	.recruit-box .process-box .listbox .circle { font-size:17px; gap:8px; }
	.recruit-box .process-box .listbox .circle strong { font-size:20px; }
	.recruit-box .recruit-list { margin-top:40px; }
	.recruit-box .recruit-list .toptxt { gap:10px; }
	.recruit-box .recruit-list .toptxt .btn_box a { font-size:15px; }
	.recruit-box .search-box { margin-top:40px; }
}

/* animation */
.recruit-box .welfare-box .listbox .box { opacity:0; }
.recruit-box .welfare-box.subOn .listbox .box { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.recruit-box .process-box .listbox .circle-box { opacity:0; }
.recruit-box .process-box.subOn .listbox .circle-box { animation:ani_1 0.8s 0.6s; animation-fill-mode:both; }



/* board */
.registerBox table { margin-top:60px; border-top:3px solid rgba(17, 17, 17, 1); }
.registerBox th { height:80px; text-align:left; padding:0 10px 0 33px; color:#222; font-size:20px; font-weight:500; line-height:1.3; border-bottom:1px solid #dbdbdb; }
.registerBox th.th_top { vertical-align:top; padding-top:25px;}
.registerBox th span { color:var(--mainColor1); }
.registerBox td { padding:10px 15px; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; font-size:17px; color:#222; font-weight:300; }
.registerBox td input[type="text"],
.registerBox td input[type="password"] { height:60px; padding:0 25px; font-size:17px; color:#222; font-weight:300; border:1px solid #dbdbdb; outline:none; background:#fff; }
.registerBox td select { height:60px; line-height:60px; padding:0 60px 0 25px; font-size:17px; color:#222; font-weight:300; border:1px solid #dbdbdb; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:url(/img/sub/icon_select_down.png) calc(100% - 25px) center no-repeat; }
.registerBox td select::-ms-expand { display: none; }
.registerBox td textarea { width:100%; height:175px; line-height:1.6; padding:25px; font-size:17px; color:#222; font-weight:300; border:1px solid #dbdbdb; outline:none; background:#fff; }
.registerBox td input::placeholder,
.registerBox td textarea::placeholder { color:#888; opacity:1; font-weight:300; }
.registerBox td input.ip01 { max-width:632px; width:100%; }
.registerBox td input.ip02 { width:155px; }
.registerBox td input.ip03 { width:200px; }
.registerBox td input.ip05 { width:100%; }
.registerBox td select.sel01 { width:155px; }
.registerBox td select.sel02 { width:252px; }
.registerBox td select.sel03 {max-width:632px; width:100%; }
.registerBox td .bar1 { color:#ccc }
.registerBox .file-box { width:100%; }
.registerBox .ipcont { position:relative; display:flex; align-items:center; gap:24px; width:100%; }
.registerBox .ipcont:not(:last-child) { margin-bottom:10px; }
.registerBox .ipcont .upload-name { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:372px; height:60px; outline:none; border-bottom:1px solid #dbdbdb; padding:0 25px; font-size:17px; color:#222; }
.registerBox .ipcont .upload-name.on { padding:0 25px 0 50px; background:url(/img/sub/file_icon.svg) 25px center no-repeat; }
.registerBox .ipcont .file { width:150px; height:60px; background:#fff; border:1px solid #666; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:60px; }
.registerBox .ipcont .file span{ text-align:center; font-size:16px; color:#666; font-weight:300; line-height:1.3; }
.registerBox .ipcont .file input{display:none}
.registerBox .kcaptcha_ip { width:100%; position:relative; display:flex; align-items:center; gap:5px; }
.registerBox .kcaptcha_ip img { width:160px; height:60px; }
.registerBox .kcaptcha_ip input { width:285px;  }
.registerBox .kcaptcha_ip .btn_refresh { height:60px; width:60px; border:1px solid #dbdbdb; outline:none; background:url(/img/sub/btn_refresh.svg) center no-repeat; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.registerBox .privacy-box { padding:25px 15px 25px 25px; border:1px solid #dbdbdb; width:100%; }
.registerBox .privacy-box .scroll-box { height:105px; padding-right:15px; overflow:auto; }
.registerBox .privacy-box * { font-size:98% }
.registerBox .ch { margin:10px 0 5px; display:flex; }
.registerBox .ch input[type="checkbox"] {opacity:0; height:auto; }
.registerBox .ch input[type="checkbox"] + span{ position:relative; padding:0 0 0 30px; font-weight:300; font-size:14px; line-height:1.4 !important; display:inline-block; color:#333; }
.registerBox .ch input[type="checkbox"] + span:before  { content:''; display:block; width:25px; height:25px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch_check.png) center center no-repeat; border:none; border-radius:0; position:absolute; left:0; top:-3px; }
.registerBox .ch input[type="checkbox"]:checked + span:before { background:url(/img/sub/ch_check_on.png) center center no-repeat; }
@media screen and (max-width:1440px){
	.registerBox table { margin-top:50px; }
	.registerBox table col.w1 { width:250px !important; }
}
@media screen and (max-width:1280px){
	.registerBox table { margin-top:40px; }
	.registerBox table col.w1 { width:200px !important; }
	.registerBox th { padding:0 10px 0 15px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.registerBox table { margin-top:30px; }
	.registerBox table col.w1 { width:155px !important; }
	.registerBox th { height:70px; padding:0 5px 0 10px; font-size:18px; }
	.registerBox th.th_top { padding-top:20px; }
	.registerBox td { padding:8px 10px; }
	.registerBox td input[type="text"],
	.registerBox td input[type="password"] { height:50px; padding:0 15px; font-size:16px; }
	.registerBox td select { height:50px; line-height:50px; padding:0 50px 0 15px; font-size:16px; background-position:calc(100% - 8px) center; }
	.registerBox td textarea { height:175px; padding:15px; font-size:16px; }
	.registerBox td input.ip01 { max-width:800px; }
	.registerBox td input.ip02 { width:150px; }
	.registerBox td input.ip03 { width:170px; }
	.registerBox td select.sel01 { width:150px; }
	.registerBox td select.sel02 { width:190px; }
	.registerBox td select.sel03 { max-width:800px; }
	.registerBox .ipcont { gap:15px; }
	.registerBox .ipcont:not(:last-child) { margin-bottom:8px; }
	.registerBox .ipcont .upload-name { width:350px; height:50px; padding:0 15px; font-size:16px; }
	.registerBox .ipcont .upload-name.on { padding:0 15px 0 40px; background:url(/img/sub/file_icon.svg) 15px center no-repeat; }
	.registerBox .ipcont .file { width:150px; height:50px; }
	.registerBox .ipcont .file span{ font-size:15px; }
	.registerBox .kcaptcha_ip img { width:145px; height:50px; }
	.registerBox .kcaptcha_ip input { width:285px;  }
	.registerBox .kcaptcha_ip .btn_refresh { height:50px; width:50px; }
	.registerBox .privacy-box { padding:15px 10px 15px 15px; }
	.registerBox .privacy-box .scroll-box { height:105px; padding-right:10px; }
}
@media screen and (max-width:760px){
	.registerBox table col.w1 { width:155px !important; }
	.registerBox tr { display:flex; flex-direction:column; }
	.registerBox th { height:auto; padding:8px 0 0; font-size:17px; border-bottom:none }
	.registerBox th.th_top { padding-top:8px; }
	.registerBox td { padding:4px 0 8px; border-left:none; display:flex; flex-wrap:wrap; align-items:center; }
	.registerBox td input[type="text"],
	.registerBox td input[type="password"] { height:45px; padding:0 10px; font-size:15px; }
	.registerBox td select { height:45px; line-height:45px; padding:0 45px 0 10px; font-size:15px; background-position:calc(100% - 5px) center; }
	.registerBox td textarea { height:150px; padding:10px; font-size:15px; }
	.registerBox td input.ip02 { width:calc((100% - 150px - 40px) / 2); }
	.registerBox td input.ip03 { width:calc((100% - 30% - 20px - 10px) / 2); }
	.registerBox td select.sel01 { width:150px; }
	.registerBox td select.sel02 { width:30%; margin-left:10px; }
	.registerBox td .bar1,
	.registerBox td .bar2 { width:20px; display:inline-block; text-align:center; }
	.registerBox .ipcont { gap:5px; }
	.registerBox .ipcont:not(:last-child) { margin-bottom:5px; }
	.registerBox .ipcont .upload-name { width:calc(100% - 120px - 5px); height:45px; padding:0 10px; font-size:15px; }
	.registerBox .ipcont .upload-name.on { padding:0 10px 0 28px; background:url(/img/sub/file_icon.svg) 10px center no-repeat; background-size:15px auto; }
	.registerBox .ipcont .file { width:120px; height:45px; }
	.registerBox .ipcont .file span{ font-size:14px; }
	.registerBox .kcaptcha_ip img { width:135px; height:45px; }
	.registerBox .kcaptcha_ip input { width:calc(100% - 135px - 45px - 10px);  }
	.registerBox .kcaptcha_ip .btn_refresh { height:45px; width:45px; }
	.registerBox .privacy-box { padding:10px; }
	.registerBox .privacy-box .scroll-box { height:80px; }
}
@media screen and (max-width:640px){
	.registerBox table { margin-top:20px; }
}
@media screen and (max-width:480px){
	.registerBox td input.ip02 { width:calc((100% - 100px - 40px) / 2); }
	.registerBox td input.ip03 { width:calc((100% - 20px) / 2); }
	.registerBox td select.sel01 { width:100px; }
	.registerBox td select.sel02 { width:100%; margin-left:0; margin-top:5px; }
}

.search-box { margin-bottom:50px; }
.search-box .s-ipbox { position:relative; display:flex; gap:20px; justify-content:flex-end; }
.search-box .s-ipbox select { width:175px; height:65px; line-height:65px; padding:0 70px 0 30px; font-size:18px; color:#111; font-weight:400; border:1px solid #ccc; border-radius:65px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) calc(100% - 30px) center no-repeat; }
.search-box .s-ipbox select::-ms-expand { display:none; }
.search-box .s-ipbox input { width:388px; height:65px; line-height:1.3; padding:0 100px 0 40px; font-size:18px; color:#111; font-weight:400; border:1px solid #ccc; border-radius:65px; outline:none; background:#fff; }
.search-box .s-ipbox button { display:block; width:130px; height:65px; overflow:hidden; text-align:center; border:none; outline:none; padding:0; border-radius:65px; background:#111; }
.search-box .s-ipbox button span { color:#fff; font-size:18px; font-weight:400; line-height:1.3; }
.search-box input::placeholder { color:#999; opacity:1; font-weight:400; }
@media screen and (max-width:1024px){
	.search-box { margin-bottom:30px; }
	.search-box .s-ipbox { gap:10px;}
	.search-box .s-ipbox select { width:160px; height:60px; line-height:60px; font-size:16px; padding:0 50px 0 20px; background-position:calc(100% - 20px) center; }
	.search-box .s-ipbox input { height:60px; padding:0 80px 0 30px; font-size:16px; }
	.search-box .s-ipbox button { width:120px; height:60px; }
	.search-box .s-ipbox button span { font-size:16px; }
}
@media screen and (max-width:640px){
	.search-box { margin-bottom:15px; }
	.search-box .s-ipbox { gap:5px; }
	.search-box .s-ipbox select { width:100px; height:50px; line-height:50px; font-size:15px; padding:0 35px 0 15px; background-position:calc(100% - 15px) center; }
	.search-box .s-ipbox input { height:50px; padding:0 20px; font-size:15px; width:calc(100% - 100px - 85px - 10px) }
	.search-box .s-ipbox button { width:85px; height:50px; }
	.search-box .s-ipbox button span { font-size:15px; }
}


.board-list {}
.board-list table { border-top:1px solid #222; border-bottom:1px solid #ddd; background:#fff; width:100%; }
.board-list table thead th { position:relative; color:#222; font-size:20px; font-weight:600; line-height:1.3; height:90px; border-bottom:1px solid #ddd; background:#fff; text-align:center; }
.board-list table thead th:before { content:""; display:block; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#e0e0e0; }
.board-list table thead th:first-child:before { display:none } 
.board-list table tbody td { position:relative; color:#666; font-size:16px; font-weight:400; line-height:1.3; height:90px; padding:10px 5px; border-bottom:1px solid #e0e0e0; background:#fff; text-align:center; }
.board-list table tbody td.td_left { text-align:left; padding-left:20px; }
.board-list table tbody td.td_left a { color:#222; font-weight:400; font-size:18px; }
.board-list table tbody td.td_left.notice a { font-weight:600; }
.board-list table tbody td span.sbox { color:#fff; font-size:16px; font-weight:500; line-height:1.3; display:inline-flex; align-items:center; justify-content:center; height:37px; width:88px; background:#ccc; border-radius:37px; }
.board-list table tbody td span.sbox.ing { background:var(--mainColor1); }
.board-list table tbody tr { position:relative; }
.board-list table tbody tr:after { content:""; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--mainColor1); z-index:2; transition:all 0.5s; }
.board-list table tbody tr:hover:after { width:100%; }
@media screen and (max-width:1440px){
	.board-list table col.w1 { width:140px !important; }
	.board-list table col.w2 { width:230px !important; }
	.board-list table col.w3 { width:220px !important; }
	.board-list table col.w4 { width:120px !important; }
}
@media screen and (max-width:1280px){
	.board-list table col.w1 { width:130px !important; }
	.board-list table col.w2 { width:210px !important; }
	.board-list table col.w3 { width:200px !important; }
	.board-list table col.w4 { width:100px !important; }
}
@media screen and (max-width:1024px){
	.board-list table { overflow:hidden }
	.board-list table .num,
	.board-list table .hits { display:none }
	.board-list table col.w2 { width:150px !important; }
	.board-list table col.w3 { width:120px !important; }
	.board-list table thead th { font-size:16px; height:80px; }
	.board-list table thead th:before { height:13px; }
	.board-list table tbody td { font-size:15px; height:80px; padding:8px 10px; }
	.board-list table tbody td.td_left { padding-left:10px; }
	.board-list table tbody td.td_left a { font-size:17px; }
	.board-list table tbody td span.sbox { font-size:15px; height:32px; padding:0 20px; width:80px; }
}
@media screen and (max-width:640px){
	.board-list table col.w2 { width:110px !important; }
	.board-list table col.w3 { width:80px !important; }
	.board-list table thead th { font-size:15px; height:70px; }
	.board-list table thead th:before { height:10px; }
	.board-list table tbody td { font-size:14px; height:70px; padding:8px 5px; }
	.board-list table tbody td.td_left { padding-left:5px; }
	.board-list table tbody td.td_left a { font-size:16px; }
	.board-list table tbody td span.sbox { font-size:13px; height:28px; padding:0 15px; width:60px; }
}


.gallery-list > ul { display:flex; flex-wrap:wrap; gap:60px 32px; }
.gallery-list > ul { display:flex; flex-wrap:wrap; gap:40px 20px; }
.gallery-list > ul > li { width:calc((100% - 40px) / 3); }
.gallery-list > ul > li .imgbox { position:relative; width:100%; overflow:hidden }
.gallery-list > ul > li .imgbox:before { content:""; display:block; padding-bottom:101.5%; }
.gallery-list > ul > li .imgbox:after { content:""; display:block;  position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.20); opacity:0; transition:all 0.5s;}
.gallery-list > ul > li .imgbox > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.5s; }
.gallery-list > ul > li .imgbox span { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; z-index:2; transition:all 0.5s; }
.gallery-list > ul > li a:hover .imgbox:after { opacity:1; }
.gallery-list > ul > li a:hover .imgbox > img { transform:scale(1.05); }
.gallery-list > ul > li a:hover .imgbox span { transform:translate(-50%, -50%) rotate(-90deg); opacity:1; }
.gallery-list > ul > li .txtbox { margin-top:22px; color:#333; font-size:20px; font-weight:400; line-height:1.3; text-align:center; }
.gallery-list .btn_more { margin-top:150px; display:flex; justify-content:center; }
@media screen and (max-width:1440px){
	.products-box { padding:200px 0 150px; }
	.gallery-list { margin-top:80px; }
	.gallery-list > ul { gap:40px 20px; }
	.gallery-list > ul > li { width:calc((100% - 40px) / 3); }
	.gallery-list > ul > li .txtbox { margin-top:20px; font-size:19px; }
	.gallery-list .btn_more { margin-top:130px; }
}
@media screen and (max-width:1280px){
	.products-box { padding:150px 0 120px; }
	.gallery-list { margin-top:60px; }
	.gallery-list > ul { gap:30px 15px; }
	.gallery-list > ul > li { width:calc((100% - 30px) / 3); }
	.gallery-list > ul > li .txtbox { margin-top:17px; font-size:18px; }
	.gallery-list .btn_more { margin-top:110px; }
}
@media screen and (max-width:1024px){
	.products-box { padding:110px 0 90px; }
	.gallery-list { margin-top:40px; }
	.gallery-list > ul { gap:20px 10px; }
	.gallery-list > ul > li { width:calc((100% - 10px) / 2); }
	.gallery-list > ul > li .txtbox { margin-top:14px; font-size:17px; }
	.gallery-list .btn_more { margin-top:80px; }
}
@media screen and (max-width:640px){
	.products-box { padding:80px 0 60px; }
	.gallery-list { margin-top:30px; }
	.gallery-list > ul { gap:20px 5px; }
	.gallery-list > ul > li { width:calc((100% - 5px) / 2); }
	.gallery-list > ul > li .txtbox { margin-top:10px; font-size:16px; }
	.gallery-list .btn_more { margin-top:50px; }
}

.board-view { margin-top:70px; }
.board-view .top-box { text-align:center; padding:60px 0 30px; border-top:3px solid #000; border-bottom:1px solid #e0e0e0; }
.board-view .top-box .title-box { display:flex; align-items:center; justify-content:center; gap:0 20px; }
.board-view .top-box .title { font-size:32px; font-weight:600; color:#222; line-height:1.3; letter-spacing:-0.05em; }
.board-view .top-box .title-box span { color:#fff; font-size:16px; font-weight:500; line-height:1.3; display:inline-flex; align-items:center; justify-content:center; height:37px; padding:0 23px; background:#ccc; border-radius:37px; }
.board-view .top-box .title-box span.ing { background:var(--mainColor1); }
.board-view .top-box .info { display:flex; justify-content:center; margin-top:30px; }
.board-view .top-box .txt { font-size:16px; font-weight:400; color:#666; line-height:1.3; }
.board-view .top-box .txt strong { font-weight:600; color:#222; }
.board-view .top-box .txt:not(:last-child) { margin-right:40px; }
.board-view .top-box .writer { display:flex; justify-content:flex-end; margin-top:7px; }
.board-view .viewCont .contents { min-height:180px; padding:60px 0; }
.board-view .viewCont .contents img { max-width:100%; }
.board-view .viewCont .attach { margin-top:60px; padding:35px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:30px; }
.board-view .viewCont .attach li { display:flex; }
.board-view .viewCont .attach li strong { position:relative; width:130px; text-align:center; font-size:16px; font-weight:500; color:#222; line-height:1.3; }
.board-view .viewCont .attach li strong:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#e0e0e0; } 
.board-view .viewCont .attach li a { transition:all 0.3s; position:relative; width:calc(100% - 130px - 20px); margin-left:20px; font-size:16px; font-weight:400; color:#666; line-height:1.3; padding:0 150px 0 25px; word-break:break-word !important; }
.board-view .viewCont .attach li a i { font-size:16px; vertical-align:middle; margin-right:6px; }
.board-view .viewCont .attach li a > i { position:absolute; left:0; top:2px; }
.board-view .viewCont .attach li a:hover { color:var(--mainColor1); }
.board-view .viewCont .attach li a span { position:absolute; right:30px; top:0; font-weight:300; }
.board-view .btn_pn { margin-top:30px; display:flex; gap:20px; }
.board-view .btn_pn dl { width:calc((100% - 20px) / 2); border:1px solid #e0e0e0; border-radius:5px; display:flex; transition:all 0.4s; }
.board-view .btn_pn dt { position:relative; width:165px; height:120px; display:flex; align-items:center; justify-content:center; text-align:center; } 
.board-view .btn_pn dt:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#e0e0e0; } 
.board-view .btn_pn dt span { font-size:16px; font-weight:400; color:#333; display:inline-block; transition:all 0.4s; }
.board-view .btn_pn dt span i { display:inline-block; vertical-align:middle; margin-right:10px; }
.board-view .btn_pn dd { width:calc(100% - 165px); display:flex; align-items:center; padding:0 30px; }
.board-view .btn_pn dd a { font-size:16px; font-weight:300; color:#666; min-height:17px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board-view .btn_pn dl:hover {  border:1px solid var(--mainColor1); }
.board-view .btn_pn dl:hover dt span { color:var(--mainColor1); }
.board-view .btn_pn dl:nth-child(2) { flex-direction:row-reverse; }
.board-view .btn_pn dl:nth-child(2) dd { display:flex; justify-content:flex-end; }
.board-view .btn_pn dl:nth-child(2) dt:before { left:0; right:unset; } 
@media screen and (max-width:1280px){
	.board-view .top-box { padding:50px 0 40px; }
	.board-view .top-box .title { font-size:26px; }
	.board-view .top-box .info { margin-top:20px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:15px; }
	.board-view .viewCont .contents { padding:40px 0; }
	.board-view .viewCont .attach { margin-top:50px; padding:30px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:20px; }
	.board-view .viewCont .attach li strong { width:120px; }
	.board-view .viewCont .attach li a { width:calc(100% - 120px - 20px); }
	.board-view .btn_pn dt { width:120px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span i { margin-right:8px; }
	.board-view .btn_pn dd { width:calc(100% - 120px); padding:0 20px; }
}
@media screen and (max-width:1024px){
	.board-view { margin-top:45px; }
	.board-view .top-box { padding:40px 20px; border-width:2px 0 1px; }
	.board-view .top-box .title-box { gap:0 15px; }
	.board-view .top-box .title { font-size:22px; }
	.board-view .top-box .title-box span { font-size:15px; height:32px; padding:0 20px; }
	.board-view .top-box .info { margin-top:15px; }
	.board-view .top-box .txt { font-size:15px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:10px; }
	.board-view .viewCont .contents { padding:30px 0; }
	.board-view .viewCont .attach { margin-top:40px; padding:25px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:15px; }
	.board-view .viewCont .attach li strong { width:100px; font-size:15px; }
	.board-view .viewCont .attach li a { width:calc(100% - 100px - 20px); font-size:15px; padding-right:110px; }
	.board-view .viewCont .attach li a i { font-size:15px; margin-right:5px; }
	.board-view .viewCont .attach li a > i { top:1px; }
	.board-view .viewCont .attach li a span { right:20px; }
	.board-view .viewCont .business-view .txtbox { margin-top:30px; }
	.board-view .viewCont .business-view .txtbox ul li { width:50%; }
	.board-view .viewCont .business-view .txtbox ul li strong { font-size:18px; width:56px; }
	.board-view .viewCont .business-view .txtbox ul li span { font-size:16px; width:calc(100% - 80px); }
	.board-view .btn_pn { margin-top:15px; gap:10px; }
	.board-view .btn_pn dl { width:calc((100% - 10px) / 2); }
	.board-view .btn_pn dt { width:100px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { font-size:14px; }
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 100px); padding:0 20px; }
	.board-view .btn_pn dd a { font-size:15px; min-height:21px; }	
}
@media screen and (max-width:960px){
	.board-view .btn_pn { flex-wrap:wrap; gap:5px; }
	.board-view .btn_pn dl { width:100%; }
	.board-view .btn_pn dl:nth-child(2) { flex-direction:row; }
	.board-view .btn_pn dl:nth-child(2) dd { justify-content:flex-start; }
	.board-view .btn_pn dl:nth-child(2) dt:before { left:unset; right:0; } 
}
@media screen and (max-width:640px){
	.board-view { margin-top:30px; }
	.board-view .top-box { padding:30px 0 20px; }
	.board-view .top-box .title-box { gap:0 10px; }
	.board-view .top-box .title { font-size:20px; }
	.board-view .top-box .title-box span { font-size:14px; height:28px; padding:0 18px; }
	.board-view .top-box .info { margin-top:8px; flex-wrap:wrap; }
	.board-view .top-box .txt { margin-top:5px; }
	.board-view .viewCont .contents { padding:20px 0; }
	.board-view .viewCont .attach { margin-top:30px; padding:20px 5px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
	.board-view .viewCont .attach li strong { display:none }
	.board-view .viewCont .attach li a { width:100%; padding-left:24px; margin-left:0; }
	.board-view .viewCont .attach li a > i { top:0; }
	.board-view .viewCont .attach li a span { right:0; }
	.board-view .viewCont .business-view .txtbox ul { gap:5px 0 }
	.board-view .viewCont .business-view .txtbox ul li { width:100%; }
	.board-view .viewCont .business-view .txtbox ul li strong { font-size:16px; }
	.board-view .viewCont .business-view .txtbox ul li span { font-size:14px; }
	.board-view .btn_pn { margin-top:20px; }
	.board-view .btn_pn dt { width:85px; height:60px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 85px); padding:0 15px; }
	.board-view .btn_pn dd a { min-height:21px; -webkit-line-clamp:2; }
}

.faq-box .listbox > ul { border-top:1px solid #ddd; }
.faq-box .listbox > ul > li { border-bottom:1px solid #ddd;}
.faq-box .listbox > ul > li > p { cursor:pointer; position:relative; height:100px; display:flex; align-items:center; padding:0 80px; color:#333; font-size:20px; font-weight:400; line-height:1.5; }
.faq-box .listbox > ul > li > p:before { content:""; display:block; position:absolute; right:54px; top:50%; transform:translateY(-50%); width:3px; height:23px; background:#ddd; transition:all 0.3s } 
.faq-box .listbox > ul > li > p:after { content:""; display:block; position:absolute; right:44px; top:50%; transform:translateY(-50%); width:23px; height:3px; background:#ddd; transition:all 0.3s }
.faq-box .listbox > ul > li.on > p:before { opacity:0; }
.faq-box .listbox > ul > li.on > p:after { background:var(--mainColor); }
.faq-box .listbox > ul > li > p strong { position:absolute; left:40px; top:50%; transform:translateY(-50%); color:var(--mainColor); font-size:28px; font-weight:600; line-height:1.3; }
.faq-box .listbox > ul > li .contentBox { border-top:1px solid #ddd; background:#f9f9f9; padding:40px; color:#222; font-size:18px; font-weight:400; line-height:1.6; }
@media screen and (max-width:1024px){
	.faq-box .listbox > ul > li > p { height:80px; padding:0 50px; font-size:18px; }
	.faq-box .listbox > ul > li > p:before { right:33px; width:2px; height:19px; } 
	.faq-box .listbox > ul > li > p:after { right:25px; width:19px; height:2px; }
	.faq-box .listbox > ul > li > p strong { left:20px; font-size:24px; }
	.faq-box .listbox > ul > li .contentBox { padding:30px 20px; font-size:16px; }
}
@media screen and (max-width:640px){
	.faq-box .listbox > ul > li > p { height:70px; padding:0 40px; font-size:16px; }
	.faq-box .listbox > ul > li > p:before { right:17px; width:2px; height:16px; } 
	.faq-box .listbox > ul > li > p:after { right:10px; width:16px; height:2px; }
	.faq-box .listbox > ul > li > p strong { left:10px; font-size:22px; }
	.faq-box .listbox > ul > li .contentBox { padding:20px 10px; font-size:15px; }
}

/* animation */
.faq-box { opacity:0; }
.faq-box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

/* page */
.page { margin:130px auto 0 auto; text-align:center; padding:0; } 
.page a { transition:all 0.3s; position:relative; font-size:16px; line-height:30px; font-weight:500; color:#333; border:none; padding:0; min-width:30px; margin:0 4px; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:400; color:#fff; background:var(--mainColor1); border:none; padding:0 4px; border-radius:50px; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:-10px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:-10px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#333; display:block; font-weight:400; }
@media screen and (max-width:1024px){
	.page { margin:70px auto 0 auto; }
}
@media screen and (max-width:640px){
	.page { margin:40px auto 0 auto; }
	.page a { margin:0 2px; }
	.page .btn_prev { margin-right:0; }
	.page .btn_next { margin-left:0; }
}


.board-view .btnCont { margin-top:100px; }
@media screen and (max-width:1024px){
	.board-view .btnCont { margin-top:60px; }
}
@media screen and (max-width:640px){
	.board-view .btnCont { margin-top:40px; }
}


.result-box .top-search { background:#f8f8f8; padding:52px 20px; }
.result-box .top-search .s-box { max-width:750px; width:100%; margin:0 auto; }
.result-box .top-search .ipbox { position:relative; width:100%; height:70px; background:#fff; }
.result-box .top-search .ipbox input[type="text"] { width:100%; border:none; outline:none; color:#222; font-size:20px; font-weight:400; padding:0 80px 0 20px; height:100%; line-height:100%; background:#f8f8f8; border-bottom:1px solid #333; }
.result-box .top-search .ipbox input::placeholder{ color:#777; font-weight:400; }
.result-box .top-search .ipbox .btn { position:absolute; right:0; top:0; background:url(/img/svg/btn_search_ov.svg) center center no-repeat }
.result-box .top-search .ipbox .btn button { border:none; outline:none; background:none; width:70px; height:70px; }
.result-box .top-search .ipbox .btn button span { text-indent:-9999em; display:block; overflow:hidden }
.result-box .top-search .keyword { margin-top:25px; display:flex; gap:0 20px;}
.result-box .top-search .keyword .tit { color:#333; font-size:18px; font-weight:400; line-height:1.3; }
.result-box .top-search .keyword ul { display:flex; gap:5px 14px; }
.result-box .top-search .keyword li a { color:#777; font-size:18px; font-weight:400; line-height:1.3; }
.result-box .txt_total { margin-top:60px; color:#333; font-size:20px; font-weight:500; line-height:1.3; text-align:center; }
.result-box .txt_total strong { font-weight:500; color:var(--mainColor); }
.result-box .listbox { margin-top:60px; }
.result-box .listbox > dl:not(:last-child) { margin-bottom:80px; }
.result-box .listbox > dl > dt { color:#333; font-size:26px; font-weight:600; line-height:1.3; margin-bottom:25px; }
@media screen and (max-width:1024px){
	.result-box .top-search { padding:40px 20px; }
	.result-box .top-search .ipbox { height:60px; }
	.result-box .top-search .ipbox input[type="text"] { font-size:18px; padding:0 80px 0 20px; }
	.result-box .top-search .ipbox .btn button { width:60px; height:60px; }
	.result-box .top-search .keyword { margin-top:20px; gap:0 20px;}
	.result-box .top-search .keyword .tit { font-size:16px; }
	.result-box .top-search .keyword ul { gap:5px 14px; }
	.result-box .top-search .keyword li a { font-size:16px; }
	.result-box .txt_total { margin-top:40px; font-size:18px; }
	.result-box .listbox { margin-top:40px; }
	.result-box .listbox > dl:not(:last-child) { margin-bottom:60px; }
	.result-box .listbox > dl > dt { font-size:24px; margin-bottom:20px; }
}
@media screen and (max-width:640px){
	.result-box .top-search { padding:30px 20px; }
	.result-box .top-search .ipbox { height:50px; }
	.result-box .top-search .ipbox input[type="text"] { font-size:16px; padding:0 60px 0 10px; }
	.result-box .top-search .ipbox .btn button { width:50px; height:50px; }
	.result-box .top-search .keyword { margin-top:15px; gap:0 15px;}
	.result-box .top-search .keyword .tit { font-size:15px; }
	.result-box .top-search .keyword ul { gap:5px 14px; }
	.result-box .top-search .keyword li a { font-size:15px; }
	.result-box .txt_total { margin-top:30px; font-size:16px; }
	.result-box .listbox { margin-top:30px; }
	.result-box .listbox > dl:not(:last-child) { margin-bottom:40px; }
	.result-box .listbox > dl > dt { font-size:19px; margin-bottom:15px; }
}

.policy-box .privacy { margin-top:70px; }
@media screen and (max-width:1024px){
	.policy-box .privacy { margin-top:45px; }
}
@media screen and (max-width:640px){
	.policy-box .privacy { margin-top:40px; }
}

.os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(0,0,0,0.05); width:4px; border-radius:2px; }
.os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(0,0,0,0.05); height:4px; border-radius:2px; }
.os-theme-dark > .os-scrollbar-vertical, 
.os-theme-light > .os-scrollbar-vertical { width:4px; }
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:rgba(0,0,0,0.3); width:4px; height:4px; border-radius:2px; }
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:rgba(0,0,0,0.6); border-radius:2px; }





/* 2025-12-31 ejh */
.mana_tt {display: flex;gap:7px;align-items: baseline;flex-wrap: wrap;}