@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}

/* contents */
.dv-conts-wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;}

/* css setting end */
p{font-weight: 300;}
img{vertical-align:top;} 
.form-area input[type=radio],.form-area input[type=checkbox] {
    overflow: hidden;
    display: block;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

.form-area input, .form-area button, .form-area select, .form-area textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.form-area input[type=checkbox] + label {
    background: url('/images/sub/check_off.png') no-repeat left center;
    background-size: 24px;
}
.form-area input[type=radio] + label, input[type=checkbox] + label {
    display: inline-block;
    padding-left: 36px;
    padding-right: 36px;
    line-height: 32px;
    font-size: 16px; 
    color: #000;
} 
.form-area input[type=checkbox]:checked + label {
    background: url('/images/sub/check_on.png') no-repeat left center;
    background-size: 24px;
} 
.form-area input[type=radio]:checked + label {
    background: url('/images/sub/radio_on.png') no-repeat left center;
    background-size: 24px;
}
.form-area input[type=radio] + label {
    background: url('/images/sub/radio_off.png') no-repeat left center;
    background-size: 24px;
} 

.form-area input[type=number], 
.form-area input[type=text], 
.form-area input[type=password], 
.form-area input[type=url], 
.form-area input[type=email], 
.form-area input[type=tel], 
.form-area input[type=date], 
.form-area textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.form-area textarea, 
.form-area select, 
.form-area input:not([type=radio], [type=checkbox]) {
    position: relative;
    padding:2px;
    height:60px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 10px;
    color: #000000;
    font-size: 16px;  
    transition: all 0.1s ease-out;
	padding:0 20px;
	width:100%;
} 
.form-area input[type=file] {
    overflow: hidden;
    display: block;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}
.form-area select{background:url('/images/sub/ico_select.png') no-repeat center right 20px / 20px; padding-right:40px;}



/*********************************************** header ***********************************************/
.hide {
	position:absolute;
	left:-9999%;
	font-size:0;
	line-height:0;
	text-indent: -9999%;
} 
#header {
	position:fixed;
	left:0;
	top:0;
	z-index:1000;
	width:100%;
	height:100px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
#header:not(.menu-open).down{
	top:-100px;
}
#header .hd-menu .hd-mak{
	display:none;
}
#header.on:after { 
	content:'';
	position:absolute;
	left:0;
	top:100px;
	z-index:1;
	width:100%;
	height:1px; 
	background: #eee;
}
#header .hd-logo {
	position:absolute;
	left:5%;
	top:34px;
	z-index:6000;
}
#header .hd-logo a {
	display:block;
	color:#fff;
	width:150px;
	height:33px;
	background:url(/images/logo.png) no-repeat center center / contain;
	transition:background 0.3s ease;
	webkit-filter: brightness(0) invert(1); 
	filter: brightness(0) invert(1); 
}
#header.on .hd-logo a {
	filter:none;
}
#header .lang a {
	position:relative;
	font-size:15px;
	color:#fff;
	margin-left:30px;
	opacity:.5;
}
#header .lang a + a:before{
	content:'';
	width:1px;
	height:12px;
	background:#aaa;
	position:absolute;
	left:-16px;
	top:3px;
}
#header .lang a.on{
	opacity:1;
}
#header .hd-menu .gnb-wrap {
	height:100%;
}
#header .hd-menu .gnb-wrap .gnb {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	text-align:center;
}
#header .hd-menu .gnb-wrap .gnb>li {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative; 
	height:100%; 
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	-o-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#header .hd-menu .gnb-wrap .gnb>li:after {
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:0;
	height:3px;
	background:#5cb3e6;
	-webkit-transform:translate(-50%);
	-moz-transform:translate(-50%);
	-ms-transform:translate(-50%);
	-o-transform:translate(-50%);
	transform:translate(-50%);
}
#header .hd-menu .gnb-wrap .gnb>li>a {
	display:flex;
	justify-content:center;
	align-items:center; 
	font-size:18px;
	color:#fff;
	line-height:1;
	font-weight: 600;
	padding: 0 30px;
	height:100px;
	transition:all ease .3s;
}
#header.on .hd-logo a{
  color:#111;
}
#header.on .hd-menu .gnb-wrap .gnb>li { 
}
#header.on .hd-menu .gnb-wrap .gnb>li.on>a {
	color:#5cb3e6;
}
#header .hd-menu .gnb-wrap .gnb>li .depth {
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:0;
	top:100%; 
	min-width:auto;
	width:100%;
}  
#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li>a {
	display:block;
	padding:0.52em 1em;
	font-size:17px;
	color:#111;
	letter-spacing:-0.04em;
	line-height:1.4;
}
#header .hd-menu .gnb-wrap .gnb>li .depth ul>li.has_sub {
	position:relative;
}
#header .hd-menu .gnb-wrap .gnb>li .depth ul>li.has_sub ul.depth2 {
	max-height:0;
}
#header .hd-menu .gnb-wrap .gnb>li .depth ul>li.has_sub.open ul.depth2 {
	height:auto;
	max-height:300px;
	display:block;
}
#header .hd-menu .gnb-wrap .gnb>li .depth ul>li.has_sub.open>a {
	color:#5cb3e6;
}
#header .hd-menu .gnb-wrap .gnb>li .depth ul>li.has_sub>a:after {
	content:"\e942";
	line-height:14px;
	text-align:center;
	font-size:14px;
	font-family:"xeicon",sans-serif;
	position:absolute;
	margin-top:4px;
	margin-left:6px;
	color:#aaa;
	width:14px;
	height:14px;
	text-indent:-1px;
	border-radius:3px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li>a>span {
	position:relative;
}
#header .hd-menu .gnb-wrap .gnb>li.open .depth {
	display:block;
}
#header .hd-menu .gnb-wrap .gnb>li .depth ul>li.has_sub.active>a:after,#header .hd-menu .gnb-wrap .gnb>li .depth ul>li.has_sub.open.active>a:after {
	background:#5cb3e6;
}
#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li.has_sub.open>a:after {
	content:"\e942";
	color:#5cb3e6;
}
#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li.open>a:after {
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li:hover>a {
	color:#111;
}
#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li.active>a,#header .hd-menu .gnb-wrap .gnb>li .depth2>li.on>a,#header .hd-menu .gnb-wrap .gnb>li.open .depth>ul>li.on>a,#header.on .hd-menu .gnb>li .depth ul>li.active:hover>a {
	color:#5cb3e6;
}
#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li.on>a {
	color:#5cb3e6;
}
#header .hd-menu .gnb-wrap .gnb>li .depth2>li.on>a:hover {
	color:#5cb3e6;
	text-decoration:none;
}
#header .hd-menu .gnb-wrap .gnb>li:nth-child(1) .depth>ul>li.active>a {
	color:#5cb3e6;
}
#header .hd-menu .gnb-wrap .gnb>li:nth-child(1) .depth>ul>li.active .depth2 {
	display:block;
}
#header .hd-menu .gnb-wrap .gnb>li .depth2>li>a:hover {
	color:#5cb3e6;
	text-decoration:underline;
}
#header .hd-menu .gnb-wrap .gnb>li .depth2 {
	display:none;
}
#header .hd-menu .gnb-wrap .gnb>li .depth2>li>a {
	display:block;
	padding:5px;
	font-size:15px;
	color:#111;
	font-weight:400;
}
#header .hd-info {
	display:flex;
	align-items:center;
	position:absolute;
	right:5%;
	top:40px;
	z-index:6000;
}
#header .hd-info .hd-allmenu-open {
	display:none;
}
#header.on .hd-menu .gnb>li .depth ul>li:hover>a {
	color:#5cb3e6;
}
#header .btn_all_menu {
	display:flex;
	justify-content:center;
	flex-direction:column;
	cursor:pointer;
	z-index:9999;
}
#header .btn_all_menu span {
	width:30px;
	height:2px;
	background-color:#fff;
	margin:3.2px 0;
	transition:all ease .3s;
} 
/* ----- header (ONLY 1240) ----- */
@media all and (min-width:1240px) {
	#header.on {
		overflow:hidden;
		height:440px;
		background:#fff;
		-webkit-box-shadow:1px 1px 25px rgb(67 67 67 / 10%);
	}  
	#header.on .hd-logo a {
	}
	#header.on .hd-menu .gnb-wrap .gnb>li>a{
		padding: 0 50px;
	} 
	#header.on .hd-menu .gnb-wrap .gnb>li>a {
		color:#111;
	}
	#header.on .hd-menu .gnb>li .depth {
		opacity:1;
		visibility:visible;
		-webkit-transition-delay:0.1s;
		-moz-transition-delay:0.1s;
		-ms-transition-delay:0.1s;
		-o-transition-delay:0.1s;
		transition-delay:0.1s;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-ms-transition:all 0.3s;
		-o-transition:all 0.3s;
		transition: all 0.3s;
		padding-top:30px;
	}
}
/* ----- header (ONLY 1280) ----- */
/* ----- header - reverse ----- */
#header.on {
	box-shadow:0px 0px 30px 0px rgb(0 0 0 / 15%) !important;
}
#header.menu-open .lang a,
#header.on .lang a,#header.reverse .lang a{
	color:#111; 
}
#header.reverse {
	background:#fff;
	border-bottom:1px solid #eee;
} 
#header.reverse:after { 
}
#header.show {
	transform:translateY(-100px);
	box-shadow:inherit;
}
#header.reverse2 {
	transform:translateY(-100px);
}
#header.reverse .hd-logo a {
	filter:none;
}
#header.reverse .hd-menu .gnb>li>a {
	color:#111;
}
#header .btn_all_menu span {
	background:#333;
}  
@media all and (max-width:1280px) { 
	#header .btn_all_menu span{
		background:#fff;
	}
	#header.reverse .btn_all_menu span{
		background:#333;
	} 
	#header {
		height:60px;
	}
	#header .hd-logo { 
		top:14px;
	} 
	#header .hd-logo a{
		width:106px;
	}
	#header .lang { 
		margin-right:20px;
	}
	#header .hd-info {
		right:5%;
		top:18px;
	}
	#header .hd-info .hd-allmenu-open {
		display:block;
		position:relative;
		z-index:6000;
		width:30px;
		height:30px;
		cursor:pointer;
	}
	#header .hd-info .hd-search .search-wrap .btn-search-close {
		top:310px;
	}
	#header .hd-menu {
		opacity:0;
		visibility:hidden;
		position:fixed;
		left:0;
		top:0;
		padding-left:0;
		max-width:none;
		width:100%;
		height:100%;
		-webkit-transition:all 0.2s;
		-moz-transition:all 0.2s;
		-ms-transition:all 0.2s;
		-o-transition:all 0.2s;
		transition:all 0.2s;
		z-index:-111;
	}
	#header .hd-menu .hd-mak {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
	}
	#header .hd-menu .gnb-wrap {
		position:fixed;
		right:-100%;
		top:0;
		margin:0;
		padding:0;
		padding-top:70px;
		z-index:5000;
		max-width:none;
		min-width:300px;
		width:50%;
		height:100%;
		background-color:#fff;
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-ms-transition:all 0.5s;
		-o-transition:all 0.5s;
		transition:all 0.5s;
	}
	#header .hd-menu .gnb-wrap .gnb {
		display:block;
		overflow-y:scroll;
		padding:0 20px 80px;
		margin-left:0;
		width:100%;
		height:100%;
		-ms-overflow-style:none;
		scrollbar-width:none;
		scroll-behavior:smooth;
	}
	#header .hd-menu .gnb-wrap .gnb::-webkit-scrollbar {
		display:none;
	}
	#header .hd-menu .gnb-wrap .gnb>li {
		display:block;
		padding:0 !important;
		width:100%;
		border-bottom:1px solid #eee;
		height:auto;
	}
	#header .hd-menu .gnb-wrap .gnb>li.open>a {
		color:#5cb3e6; 
	}
	#header .hd-menu .gnb-wrap .gnb>li.open>a:after {
	}
	#header .hd-menu .gnb-wrap .gnb>li:not(:first-child) .depth>ul>li:hover>a,#header .hd-menu .gnb-wrap .gnb>li .depth2>li>a:hover {
		text-decoration:none;
	}
	#header .hd-menu .gnb-wrap .gnb>li>a {
		display:block;
		position:relative;
		padding:22px;
		color:#111;
		font-size:18px;
		text-align:left;
		height:auto;
		padding:20px 0;
	}
	#header .hd-menu .gnb-wrap .gnb>li>a:after {
		content:"\e942";
		line-height:20px;
		text-align:center;
		font-size:20px;
		font-family:"xeicon",sans-serif;
		position:absolute;
		top:20px;
		right:10px;
		font-weight:300;
		color:#aaa;
		width:20px;
		height:20px;
		text-indent:0px;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-ms-transition:all 0.3s;
		-o-transition:all 0.3s;
		transition:all 0.3s;
	}
	#header .hd-menu .gnb-wrap .gnb>li.open>a:after {
		content:"\e942";
		color:#5cb3e6;
		-webkit-transform:rotate(-180deg);
		-moz-transform:rotate(-180deg);
		-ms-transform:rotate(-180deg);
		-o-transform:rotate(-180deg);
		transform:rotate(-180deg);
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth:before,#header .hd-menu .gnb-wrap .gnb>li .depth:after {
		display:none !important;
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth {
		opacity:1;
		visibility:visible;
		display:none;
		position:static;
		padding: 20px 0; 
		margin-bottom:10px;
		border-top:1px solid #eee;
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth li a {
		padding:7px 10px;
		text-align:left !important;
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li>a {
		padding:7px 10px;
		font-size:16px;
		justify-content:start;
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li.on>a {
		color:#5cb3e6;
	}
	#header .hd-menu .gnb-wrap .gnb>li:nth-child(1) .depth>ul>li>a:after {
		position:absolute;
		right:3px;
		top:7px;
		margin:0;
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth2 {
		padding:0.5em 0 2em;
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth2>li>a {
		font-size:15px;
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth2>li.on>a {
		color:#5cb3e6;
	}
	#header .hd-menu .gnb-wrap .gnb>li .depth>ul>li>a>span:before {
		display:none !important;
	}
	#header.menu-open .hd-logo a {
		webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
	}
	#header.menu-open .hd-menu {
		opacity:1;
		visibility:visible;
	}
	#header.menu-open:after {
		background:rgba(255,255,255,0.2)
	}
	#header.menu-open .hd-menu .gnb-wrap {
		right:0;
	}
		#header.menu-open .btn_all_menu {
		width:30px;
		height:30px;
	}
	#header.menu-open .btn_all_menu span {
		margin:-1px 0;
		background:#333;
	}
	#header.menu-open .btn_all_menu span:nth-of-type(1) {
		transform:rotate(45deg);
	}
	#header.menu-open .btn_all_menu span:nth-of-type(3) {
		transform:rotate(-45deg);
	}
	#header.menu-open .btn_all_menu span:nth-of-type(2){
		display:none;
	}
	#header.on .hd-menu .gnb-wrap .gnb>li {
		width:auto !important;
	}
	#footer.open .ft-btm .ft-country {
		height:182px;
	}
	#header.menu-open.show {
		transform:inherit;
	}
	#header.on {
		background:#fff;
		height:auto;
	} 
} 


/*********************************************** footer ***********************************************/
.sec-footer{background:#050505; padding:80px 0 40px;}
.sec-footer a{ color: #fff;}
.sec-footer .ft-nav{display:flex; flex-wrap:wrap; justify-content:space-between;}
.sec-footer .ft-nav .gnb{width:calc(100% - 320px); display:flex;}
.sec-footer .ft-nav .gnb > li{width:16.66%;}
.sec-footer .ft-nav .gnb > li > a{font-size: 18px; margin-bottom: 10px; display:inline-block; font-weight: 500;}
.sec-footer .ft-nav .gnb .depth a{font-size: 16px; color: #999; padding:7px 0; display:inline-block;}
.sec-footer .ft-nav .gnb .depth a:hover{color:#fff;}
.sec-footer .ft-nav .family-site{width:100%; max-width:200px; position:relative;}
.sec-footer .ft-nav .family-site > a{position:relative; padding:0 20px; height:50px; line-height:50px; border:1px solid #333; display:block;  }
.sec-footer .ft-nav .family-site > a i{position:absolute; right:20px; top:15px; font-size: 20px; color: #fff;     transition: all ease .6s;}
.sec-footer .ft-nav .family-site > a.open i{transform:rotate(180deg); transform-origin: center;}
.sec-footer .ft-nav .family-site > ul{position:absolute; right:0; top:60px; background:#222; color: #fff;  width:600px; padding:30px;   display:none; z-index:2; overflow:hidden; }
.sec-footer .ft-nav .family-site > ul p{font-weight: 600; font-size: 1.1em; margin-bottom: 5px;}
.sec-footer .ft-nav .family-site > ul > li{float:left; width:33.33%;}
.sec-footer .ft-nav .family-site > ul a{font-size: 15px; padding:3px 0; display:block; color: #999;}
.sec-footer .ft-nav .family-site > ul a:hover{color:#5cb3e6; font-weight: 600;}
.sec-footer .ft-btm{display:flex; flex-wrap:wrap; border-top:1px solid #333; padding-top:50px; margin-top: 50px;}
.sec-footer .ft-logo{    display: block; width: 150px;height: 33px;background: url(/images/logo.png) no-repeat center center / contain;transition: background 0.3s ease;webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); margin-right: 50px;}
.sec-footer .ft-logo a{display:block;  width:100%; height:100%;}
.sec-footer .ft-info p{color:#999; font-size: 16px; line-height:2;}
.sec-footer .ft-info p .bar{width:1px; height:12px; background:#444; margin:0 10px;}
.sec-footer .ft-links{margin-left:auto; }
.sec-footer .ft-links a{color:#999; margin-left:30px; display:inline-block; font-weight: 500; font-size: 15px;}
.sec-footer .ft-links a:last-child{color:#fff;}
.sec-footer .ft-links a i{font-style:normal; vertical-align: middle; font-size: 1.2em;} 
#btn_topmove {display: none;position: fixed;z-index: 90;bottom: 40px;right: 40px;width: 50px;height: 50px;}
#btn_topmove button{ width: 50px; height: 50px; background:rgba(255,255,255,0.8); color:#000; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; border-radius:50%;}



/*********************************************** contents ***********************************************/
.inner{max-width:1450px; width:90%; margin:0 auto;} 

 

/*********************************************** sub common ***********************************************/

/* visual */
.sub .sec-content{padding-top:100px; font-size: 18px;} 
.sub-visual {text-align: center;}
.sub-visual h2{padding:130px 5% 80px; font-size: 60px; color: #111;}
.sub-visual .vs-tabs{  padding:0 5%;  }
.sub-visual .vs-tabs ul{display:flex;  white-space: nowrap; justify-content:center; padding-bottom: 20px;   } 
.sub-visual .vs-tabs ul li{position:relative;flex:0 0 auto; line-height:1;  }
.sub-visual .vs-tabs ul li + li{margin-left:70px;}
.sub-visual .vs-tabs ul li + li:before{content:''; width:1px; height:20px; background: #ddd; position:absolute; left:-35px; top:2px;}
.sub-visual .vs-tabs ul li a{font-size: 22px; color: #999;  }
.sub-visual .vs-tabs ul li a:focus{outline: none;}
.sub-visual .vs-tabs ul li.on a{color:#111; font-weight: 700;}
.sub-visual .vs-tabs ul li.on a:before{content:''; width:100%; height:3px; background: #5cb3e6; position:absolute; left:0; bottom:-8px;}
.kvisual{width:100%; height:480px;  background-repeat:no-repeat; background-position:center center; background-size:cover; margin-top: 40px;}

 

/* key visual */
.kvisual.sv_company_01{background-image:url('/images/sub/sub_visual01_1.jpg');}
.kvisual.sv_company_02{background-image:url('/images/sub/sub_visual02.jpg');}
.kvisual.sv_company_03{background-image:url('/images/sub/sub_visual_vision.jpg');}
.kvisual.sv_company_04{background-image:url('/images/sub/sub_visual04_2.jpg');}
.kvisual.sv_company_05{background-image:url('/images/sub/sub_visual_nadia.jpg');}
.kvisual.sv_company_06{background-image:url('/images/sub/sub_visual_global.jpg');} 
.kvisual.sv_investment_01{background-image:url('/images/sub/sub_visual07.jpg');}
.kvisual.sv_investment_02{background-image:url('/images/sub/sub_visual08.jpg');} 

 
.sec-content:has(.tab[data-id="nadia"].active) .kvisual{background-image: url('/images/sub/sub_visual_nadia.jpg');}
.sec-content:has(.tab[data-id="eo"].active) .kvisual{background-image: url('/images/sub/sub_visual_eo.jpg');}
.sec-content:has(.tab[data-id="living"].active) .kvisual{background-image: url('/images/sub/sub_visual_living.jpg');}
.sec-content:has(.tab[data-id="fnb"].active) .kvisual{background-image: url('/images/sub/sub_visual_fnb.jpg');}
.sec-content:has(.tab[data-id="square"].active) .kvisual{background-image: url('/images/sub/sub_visual_square.jpg');}

 
.kvisual.sv_business_01{background-image:url('/images/sub/sub_visual_clothes.jpg');}
.kvisual.sv_business_02{background-image:url('/images/sub/sub_visual_insulation.jpg');}
.kvisual.sv_business_03{background-image:url('/images/sub/sub_visual_fashion.jpg'); position:relative;}
.kvisual.sv_business_03::before{content:''; width:219px; height:93px; background:url('/images/sub/fashion_logo_d31.png') no-repeat center center / contain; position:absolute; left:20%; top:50%; margin-top:-46.5px;}
.kvisual.sv_business_04{background-image:url('/images/sub/sub_visual_construction.jpg');} 
.kvisual.sv_sustainability_01{background-image:url('/images/sub/sub_visual_environment.jpg');}
.kvisual.sv_sustainability_02{background-image:url('/images/sub/sub_visual_csr.jpg');}
.kvisual.sv_sustainability_03{background-image:url('/images/sub/sub_visual_ethical.jpg'); } 
.kvisual.sv_sustainability_04{background-image:url('/images/sub/sub_visual_scm.jpg'); } 
.kvisual.sv_sustainability_05{background-image:url('/images/sub/sub_visual_esg.jpg'); } 
.kvisual.sv_career_01{background-image:url('/images/sub/sub_visual_talent.jpg');}
.kvisual.sv_career_02{background-image:url('/images/sub/sub_visual_culture.jpg');}
.kvisual.sv_career_03{background-image:url('/images/sub/sub_visual_jobnotice.jpg');}




 
/* title */ 
.title-h2{font-size:42px; font-weight: 700; line-height: 1.3;}
.title-h2 img{height:60px;     vertical-align: middle;}
.title-h2 small{font-size: 17px; color:#999; vertical-align:baseline; font-weight: 400;}
.title-h3{font-size:30px; font-weight: 700;}
.title-h4{font-size:24px; font-weight: 700;}  
.title-h5{font-size: 22px; font-weight: 600;}
.unit{color:#999; font-size:14px; float:right; font-weight: 300; margin-top: 15px;}

 
/* btn */
.btn-center{text-align: center;  }
.btn-center .btn{  font-size: 18px; font-weight: 500; margin-top: 50px; background: #5cb3e6; border-color:#5cb3e6; color: #fff;} 
.btn{display:inline-block; padding:14px 20px 14px 24px;   border:1px solid #ddd; color: #111; border-radius:4px; transition:all ease .1s; font-size: 16px; transition:all ease .2s;}
.btn:hover{background: #5cb3e6; border-color:#5cb3e6; color: #fff;}
.btn i{vertical-align:middle; font-size:1.2em; margin-left: 5px;}
.title-h2 + .btn{margin-top: 30px; /*background: #fff; border:1px solid #000; color: #111;*/}
/*.title-h2 + .btn:hover{background: #000; color: #fff;}*/

/* flex */
.flex-cont{display:flex; justify-content:space-between; flex-wrap:wrap; margin:120px 0;}
.flex-cont .left{width:35%; padding-right:20px;}
.flex-cont .right{width:65%;}   
.flex-cont .cont p + .title-h3{margin-top: 60px;}
.flex-cont p{margin:20px 0; line-height: 1.6; } 
.flex-cont .right p:first-child{margin-top: 0;}
.flex-cont .title-h4 + p{margin-top:10px;} 

/* tab */
.tab-menu{text-align:center;  margin:50px 0; }
.tab-menu ul{display: inline-flex;  border:1px solid #ddd; border-radius:70px; padding:10px;  max-width: 900px;     overflow-x: auto;   white-space: nowrap;}
.tab-menu ul li{flex:0 0 auto; display: inline-block;  width:170px}  
.tab-menu ul li a{display:block; height:60px; line-height:60px; padding:0 10px; font-size: 18px; font-weight: 600; border-radius:70px; cursor:pointer;transition:all ease .3s; cursor:pointer;}
.tab-menu ul li a.active{color:#fff; background:#003766;} 
.tab{ display: none;} 
.tab.active{ display: block;}

/* table */
.tb-basic{width:100%; text-align: center; margin:20px 0;}
.tb-basic th{border:1px solid #ddd; padding:20px;font-weight: 500;color: #111; background: #f9f9f9;}
.tb-basic td{border:1px solid #ddd; padding:20px; color: #666;font-weight: 300;}
.tb-basic td:first-child{font-weight: 500;color: #111; }

.only-mo{display:none;}


/* mobile depth */
.mo-depth{display:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; z-index:2;}
.mo-depth > li{position:relative; width:50%;  text-align:left;}
.mo-depth > li + li{border-left:1px solid #ddd;}
.mo-depth > li > a{display:flex; justify-content:space-between; align-items:center;padding:0 10px; height:50px; line-height: 1.2;} 
.mo-depth li.on a{color:#5cb3e6; font-weight: 700;} 
.mo-depth .depth{position:absolute; left:-1px; top:50px; display:none; background: #fff; padding:10px; border:1px solid #ddd;  width:calc(100% + 2px);}   
.mo-depth .depth a{position:relative;display:block; padding:7px 0; font-size: 14px;}






/*********************************************** sub common ***********************************************/
/* common */
.sec-content section{padding:120px 0;}
.sec-content section:last-child{padding-bottom:200px;}
.sec-content section .flex-cont{margin:0;}
.sec-content section.bg{background:#fafafa;} 
.sec-content section.line{border-top:1px solid #e8e8e8;} 

/* 포트폴리오 */
.sec-content .portfolio li{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.sec-content .portfolio li + li{margin-top: 50px; border-top:1px solid #e8e8e8; padding-top:50px;}
.sec-content .portfolio .img{width:100%; max-width:200px; padding:0 30px; border-radius:10px; border:1px solid #ddd; background: #fff; height:140px; display:flex; align-items:center; justify-content:center;}
.sec-content .portfolio .img img{width:100%; height:100%; object-fit:contain;}
.sec-content .portfolio .txt{width:calc(100% - 240px); margin-top: 10px;}
.sec-content .portfolio .txt .title-h4{display: flex;  align-items: center;   justify-content: space-between;}
.sec-content .portfolio .txt strong{display:block; margin-bottom:5px; font-size: 1.1em; color: #003766;} 
.sec-content .portfolio .btn{ padding:0; border:0; }
.sec-content .portfolio .btn:hover{background:none; color:#5cb3e6;} 


/* 이미지 컨텐츠 */
.sec-content p + .img-box{margin-top: 60px;}
.sec-content .img-box img{ border-radius:10px; overflow:hidden;}
 
.sec-content p + .img-list{margin-top: 60px;}
.sec-content .img-list ul{display:flex; gap:20px;}
.sec-content .img-list ul li{position:relative; background: #000; height:0; height:400px;width:100%;}
.sec-content .img-list ul li img{opacity:.7;  overflow:hidden; position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover;}
.sec-content .img-list .title-h5{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align: center; color:#fff;}

/* 브랜드 바로가기 */
.sec-content .logo-box{margin-top: 60px;}
.sec-content .logo-box ul{display:flex; flex-wrap:wrap;gap:20px;}
.sec-content .logo-box li{width:100%; max-width:200px;   } 
.sec-content .logo-box .img{width:100%;   border-radius:10px; border:1px solid #e8e8e8; background: #fff; position:relative;  height:130px; display:inline-flex; align-items:center;  justify-content:center;}
.sec-content .logo-box .img img{max-width:60%;  max-height:60%; object-fit:contain;}  
.sec-content .logo-box .btn{ padding:0; border:0; font-weight: 700; margin:10px ;}
.sec-content .logo-box .btn i{margin-top: -2px;}
.sec-content .logo-box .btn:hover{background:none; color:#5cb3e6;} 


.sec-content p + .code-list{margin-top: 60px;}
.sec-content .code-list > ul{display:flex; gap:20px; flex-wrap:wrap;} 
.sec-content .code-list > ul > li{position:relative; width:calc(50% - 10px); background:#fff; padding: 40px; border-radius:20px; border:1px solid #e8e8e8; overflow:hidden;}
.sec-content .code-list > ul > li .title-h5{color:#003766;}
.sec-content .code-list > ul > li p{margin:10px 0; position:relative; z-index:1;}
.sec-content .code-list > ul > li strong{font-size: 100px; color: #eef0f2; position:absolute; right:40px; bottom:-28px; line-height: 1;}
 

 
/* 상단 오버뷰 */
.sec-content .overview{ text-align: center; padding:120px 0;}
.sec-content .overview > p{color:#5cb3e6; font-weight: 600; margin-bottom: 20px;} 
.sec-content .overview .title-h4{font-weight: 600;}
:lang(en) .sec-content .overview .title-h4{font-weight: 400;}

/* 아이콘 정렬 */
.sec-content p + .icon-box {margin-top: 60px;}
.sec-content .icon-box + p{margin-top: 60px;}
.sec-content .icon-box > ul{display:flex; gap:20px; }
.sec-content .icon-box > ul > li{width:100%; background: #fff; border:1px solid #e8e8e8; border-radius:20px; padding:20px; text-align: center;}
.sec-content .icon-box > ul > li > img{margin:20px auto; max-width:62px;} 
.sec-content .icon-box p{font-size: 17px; margin:10px 0;} 
.sec-content .dot-list > li{position:relative; padding-left:15px; font-weight: 300;}
.sec-content .dot-list > li::before{content:''; width:4px; height:4px; border-radius:50%; background: #5cb3e6; position:absolute; left:0; top:12px;}

  

/* 리스트 아이콘 정렬 */
.sec-content .title-h2 + .circle-icon{margin-top: 60px;}
.sec-content .circle-icon ul{display:flex; flex-wrap:wrap; justify-content:space-between; }
.sec-content .circle-icon ul li{width:50%; display:flex;  justify-content:space-between; align-items:center;  padding-right: 5%; margin-bottom: 40px;}
.sec-content .circle-icon ul li .icon{width:140px; height:140px; display:flex; align-items:center; justify-content:center; background: #eff7fb; border-radius:50%;}
.sec-content .circle-icon ul li .icon img{max-width:50px;}
.sec-content .circle-icon ul li .txt{width:calc(100% - 180px);}
.sec-content .circle-icon ul li .txt p{margin-top: 10px;}



/* from */ 
.form-head{font-size: 16px; font-weight: 500;}
.form-area{margin-top: 10px;}
.form-body{margin-top: 40px; margin-bottom: 20px; padding:40px; background: #fff; border-radius:10px; border:1px solid #e8e8e8;}
.form-display{height:300px; overflow-y:auto;   font-size: 15px;  }
.form-display p{margin:0}
.form-display::-webkit-scrollbar {width: 4px;}
.form-display::-webkit-scrollbar-thumb {width: 4px;background-color: #000;border-radius:4px;}
.form-display::-webkit-scrollbar-track {width: 4px; border-radius: 4px; background: #eee;}
.form-display::-webkit-scrollbar-track-piece {border-radius:4px;} 
.form-display dt{margin:20px 0 10px; font-size: 1.1em; font-weight: 600;}
.form-display dd{color: #666; margin:10px 0; }  
.file-form{display:flex;}
.file-form .form-btn {display: inline-block;width:140px;height: 60px;line-height: 60px;margin-left: 10px;vertical-align: middle;   border-radius:10px;background-color: #777;cursor: pointer;font-size: 16px; text-align: center;color: #fff; transition:all ease .2s;}
.file-form .form-btn:hover{background: #5cb3e6;border-color: #5cb3e6;color: #fff;}





/*********************************************** sub layout ***********************************************/

/* ceo */
.ceo{position:relative; }
.ceo:before{  width:54%; height:100%; background:url('/images/sub/ceo_bg.jpg') no-repeat left bottom / contain; position:absolute; left:0; bottom:0; z-index:-1;}
.ceo .flex-cont .left{width:60%}
.ceo .flex-cont .right{width:40%}
.ceo .cont{padding-right:20%;}
.ceo .cont p{line-height:1.8; font-size: 17px;}
.ceo .sign{margin-top: 50px; }
.ceo .sign img{vertical-align:middle; max-width:100px;}
.ceo .sign strong{vertical-align:middle; }
.ceo .title-h4{margin:40px 0;}
 


/* ci */ 
.ci .image{ display:flex; align-items:center; justify-content:center; border-radius:10px; text-align: center; overflow:hidden;}
.ci p + .image{  }
.ci .image .img1{max-height:500px;}
.ci .image .img2{height:80px; }
.ci .color-box{display:flex; justify-content:space-between;   margin:20px 0 40px;}
.ci .color-box > div{position:relative; width:100%;  background:#aaa;   color: #fff; height:220px} 

.ci .color-box.secondary > div:last-child{width:50%;}
.ci .color-box .txt{position:absolute; left:30px; bottom:10px;}
.ci .color-box .name{font-size: 1.2em; font-weight: 600;}
 

/* history */
.history .flex-cont{margin:80px 0;}
.history .title-h2{font-size:70px; position:sticky; top:80px;}
.history .title-h2 p{ font-size: 20px;     font-weight: 500;}
.history .cont{margin-top: 0;}
.history .cont ul li{padding:10px 0; position:relative; padding-left:100px;}
.history .cont ul li + li{ border-top:1px solid #ddd;}
.history .cont ul li strong{font-size:21px; position:absolute; left:0; top:28px;}
.history .cont ul li p{position:relative; padding-left:15px;}
.history .cont ul li p:before{content:''; width:4px; height:4px; background: #aaa; position:absolute; left:0; top:10px; border-radius:50%;}
.history .image{width:100%; height:480px;max-width:100%; margin:0 auto; position:relative;  opacity:1 !important;}
.history .image:before{content:''; width:calc(50% - 720px); height:100%; background:#fff; position:absolute; left:0; top:0; z-index:1;  transition: all ease .6s;  }
.history .image:after{content:''; width:calc(50% - 720px); height:100%; background:#fff; position:absolute; right:0; top:0; z-index:1;  transition: all ease .6s;  }
.history .image img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.history .image.aos-animate:before{width:0;}
.history .image.aos-animate:after{width:0;}


/* subsidiary */
.subsidiary{padding-bottom:80px;} 
.subsidiary .cont .img{margin-top: 30px;}  
.subsidiary .img-cont{ margin:120px 0;} 
.subsidiary .img-cont .swiper-slide > img{width:100%;  border-radius:10px; }
.subsidiary .img-cont .swiper-button-next, 
.subsidiary .img-cont .swiper-button-prev{ color:#fff;}
.subsidiary .img-cont .swiper-button-next:after, 
.subsidiary .img-cont .swiper-button-prev:after{ font-size:40px; font-weight: 500;}
.subsidiary .img-cont .swiper-button-next.swiper-button-disabled, 
.subsidiary .img-cont .swiper-button-prev.swiper-button-disabled{opacity:0;}
 

/* global */
.global{margin:120px 0; text-align: center; line-height: 1.8;}
.global .inner{width:100%;}  
.global .dot-explain{display:flex; justify-content:center; align-items:center; }
.global .dot-explain li{display:flex; justify-content:center; align-items:center; margin:0 20px; font-weight:700;font-size: 24px;}
.global .dot-explain li .dot{margin-right: 10px;}
.global .dot{display:inline-block; border:3px solid #ddd; background:#fff; border-radius:50%; width:11px; height:11px;}
.global .dot.orange{border-color:#fc8817}
.global .dot.blue{border-color:#5cb3e6}
.global .dot.navy{border-color:#003766} 
.global .map-wr{    width: 100%; overflow-x: auto;}
.global-map{position:relative; width:1295px; margin:0 auto; } 
.global-map .dot{position:absolute; left:50%; top:50%; z-index:2; background: #000; border:0; width:7px; height:7px;} 
.global-map .dot.KOREA{left: 36.7%;top: 42%;}
.global-map .dot.CHINA{left:34.5%; top:42.5%;}  
.global-map .dot.VIETNAM{left:33%; top:48%;}   
.global-map .dot.INDONESIA{left:32%; top:68%;}    
.global-map .dot.INDIA{left:24%; top:49%;}   
.global-map .dot.MYANMAR{left:29%; top:52%;}      
.global-map .dot.KOREA .country{ bottom:13px; left:-2px;}
.global-map .dot.CHINA .country{ top:13px; left:-2px;}
.global-map .dot.VIETNAM .country{ bottom:13px; right:-2px; } 
.global-map .dot.INDIA .country{ bottom:13px; right:-2px;}   
.global-map .dot.MYANMAR .country{ top:13px; right:-2px;}     
.global-map .dot.INDONESIA .country{top:-2px; left:13px;} 
.global-map .country{ min-width:90px; position:absolute;  background: #fff;  padding:8px 10px;   font-size: 13px; border:1px solid #000; white-space: nowrap; text-align:left; font-weight: 300; line-height: 1.4; letter-spacing:0 ; border-radius:4px;}
.global-map .country::before{content:''; width:1px; height:8px; background:#003766; position:absolute; left:4px; top:-8px;} 
.global-map .country p{display:flex; align-items:center;font-weight: 500;  }
.global-map .country p::before{content:'';    border: 3px solid #ddd;   background: #fff;   border-radius: 50%;   width: 5px;   height: 5px;     margin-right:4px; }
.global-map .country p.orange::before{border-color:#fc8817}
.global-map .country p.blue::before{border-color:#5cb3e6}
.global-map .country p.navy::before{border-color:#003766} 
.global-map .country p.orange{color:#fc8817}
.global-map .country p.blue{color:#5cb3e6}
.global-map .country p.navy{color:#003766}
.global-map .KOREA .country::before{ bottom:-8px; top:auto; }
.global-map .VIETNAM .country::before{ bottom:-8px; top:auto; left:auto; right:4px;}
.global-map .INDIA .country::before{  bottom:-8px; top:auto;  left:auto; right:4px;}
.global-map .MYANMAR .country::before{  top:-8px;    left:auto; right:4px;}
.global-map .INDONESIA .country::before{width:8px; height:1px;left:-8px; top:4px;}
.global-map .SEMARANG .country::before{  top:-8px;  }
.global-map .HANOI .country::before{ width:8px; height:1px; left:-8px; top:4px; }
.global-map .country strong{ vertical-align:baseline; font-weight: 600; display:block; color: #000; margin-bottom: 5px;} 
.global-map .country span{vertical-align:baseline; color:#5cb3e6;} 

/* finance */
.finance{margin:100px 0 120px;}
.finance .img-cont{display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 80px;}
.finance .img-cont > div{width:48%; border-radius:10px; overflow:hidden; border:1px solid #ddd; text-align: center;}
.finance .img-cont > div img{ }
.finance .tb-basic + .title-h3{margin-top: 80px;}
.finance .summary th:nth-child(4){border :3px solid #5cb3e6;border-bottom:0;}
.finance .summary td:nth-child(4){border-left:3px solid #5cb3e6;border-right:3px solid #5cb3e6;}
.finance .summary tr:last-child td:nth-child(4){border-bottom:3px solid #5cb3e6;}


/* 공시정보 */
.information-list table{width:100%;border-top:1px solid #111;}
.information-list table tr td{padding:40px 13px; border-bottom:1px solid #DEDEDE; text-align:center;}
.information-list table tr td.txt-left{text-align:left;}
.information-list table .text01{font-size:20px; font-weight:600; margin-bottom:10px;}
.information-list table dl{display:flex; margin:0; font-size:16px; color:#666;}
.information-list table dl dt{padding-right:14px; position:relative;}
.information-list table dl dt::after{content:''; width:2px; height:13px; background-color:#E5E5E5; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.information-list table dl dd{margin:0; padding-left:14px;}
.information-list table .txt-left a{position:relative;}
.information-list .link-btn{position:absolute; width:50px; height:50px; background:url(/images/sub/list-link.png) no-repeat center; top:50%; right:90px; transform:translateY(-50%);}
.information-link a{width:230px; height:70px; border:1px solid #111; position:relative; display:flex; gap:15px; justify-content:center; align-items:center; font-weight:600;}
.information-link a::after{content:''; width:20px; height:20px; background:url(/images/sub/link-arrow.png); display:block;}
.boardListArea .ps{font-size: 14px; margin-top: 10px;}
.boardListArea .ps a{text-decoration:underline;} 

/* .vision */
.vision{margin:150px 0 0; text-align:center;}
.vision .bg{background:url('/images/sub/vision_bg.jpg') no-repeat center bottom / cover; padding:120px 0; margin:100px 0 0; color: #fff;   }
.vision .title-h4{margin-top: 40px;}
:lang(en) .vision .title-h4{font-weight: 400;}
.vision .mission{margin:0 0 80px;}
.vision .mission > li {   padding: 30px ;   display: flex;    justify-content: center;   align-items: center;    gap:30px; border: 1px solid rgba(255, 255, 255, 0.15);background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);  border-radius: 50px; text-align: center;	margin:20px 0;    font-size: 20px;}
.vision .mission > li > span { font-weight: 700;color: #5cb3e6; font-size: 1.2em;}
.vision .mission > li > p { text-align: center; font-weight: 600; }
.vision .value{display: flex; justify-content: center; gap: 30px; margin:40px 0;}
.vision .value li{padding:80px 20px  ; width:100%; border: 1px solid rgba(255, 255, 255, 0.15);background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);  border-radius: 20px;  }
.vision .value li strong{display:block; font-size: 1.4em; margin-bottom: 20px; line-height: 1.4; }
 

/* clothes */
.clothes .all-player .icon-box > ul > li{padding:10px; border-radius:15px; background: #eff7fb; border:0;}
.clothes .all-player .icon-box > ul > li p{font-size: 15px; font-weight: 500; line-height: 1.3; height:40px; display:flex; align-items:center; justify-content:center;}
.clothes .all-player .icon-box > ul > li > img{margin:10px auto 0; max-width:55px;}
.clothes .highlights .icon-box{margin-top: 60px;}
.clothes .highlights .icon-box > ul > li{position:relative; text-align:left; padding:40px 40px 160px;}
.clothes .highlights .icon-box > ul > li .title-h5{color:#5cb3e6; }
.clothes .highlights .icon-box > ul > li strong{vertical-align:baseline;margin-right: 5px; font-size: 50px; font-weight: 700;}
.clothes .highlights .icon-box > ul > li img{position:absolute; right:30px; bottom:40px; max-width:80px; margin:0;}
.clothes .clothes-imgs{color:#fff; background:url('/images/sub/clothes-imgs-bg.jpg') no-repeat center center / cover; position:relative;height:1218px; overflow:hidden;} 
.clothes .clothes-imgs .left{z-index:2;}
.clothes .clothes-imgs .imgs-wrap {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.clothes .clothes-imgs .imgs-wrap ul li{position:absolute; width:500px;} 
.clothes .clothes-imgs .imgs-wrap ul li:nth-child(1){left:40%; top:-15%;}
.clothes .clothes-imgs .imgs-wrap ul li:nth-child(2){left:75%; top:20%;}
.clothes .clothes-imgs .imgs-wrap ul li:nth-child(3){left:12.5%; top:44%;}
.clothes .clothes-imgs .imgs-wrap ul li:nth-child(4){left:50%; top:64%;}
.clothes .clothes-imgs .imgs-wrap ul li img{border-radius:20px;}
.clothes .clothes-imgs .imgs-wrap ul li img:nth-child(2){margin:260px 0 0 -100px;}



/* insulation */
.insulation .textile > img{/* border-radius:20px;*/ margin:60px 0 30px;}
.insulation .textile ul{display:flex; gap:20px; align-items:center;}
.insulation .textile ul > li{width:100%; display:flex; gap:20px; align-items:center;     justify-content: center; font-weight: 600; line-height: 1.2;}
.insulation .textile ul > li > img{max-width:50px;}
.insulation .certi-box ul{display:flex; gap:20px; flex-wrap:wrap; max-width:800px;}
.insulation .certi-box ul > li{ width: 170px; background: #fff; border:1px solid #e8e8e8; border-radius:15px; overflow:hidden;  } 
.insulation .certi-box ul > li > a{position:relative;  width:100%;     padding-bottom: 100%;
    height: 0; display:flex; align-items:center;  justify-content:center;}
.insulation .certi-box ul > li > a > img{ max-width:60%; max-height:60%;    position: absolute;
    top: 50%;
    left: 50%; object-fit: cover;
    transform: translate(-50%, -50%); }
.insulation .partners{ }
.insulation .partners ul{display:flex; flex-wrap:wrap; padding:40px; background: #fff; border:1px solid #e8e8e8; border-radius:20px; margin-top: 60px;}
.insulation .partners ul > li{width:16.66%; padding:10px;     height: 160px;  overflow:hidden; text-align: center; display:flex; align-items:center; justify-content:center;}
.insulation .partners ul > li > img{    max-width: 60%;max-height: 40%;}


/* fashion */
.fashion .online-banner{background:url('/images/sub/fashion_bg.jpg') no-repeat center center / cover; padding:200px 0; color: #fff; text-align: center;}
.fashion .online-banner .brand-logo{max-width:165px; margin:0 auto 40px;}
.fashion .online-banner p{font-size: 20px; margin-top: 20px; }
.fashion .online-banner .btn-wr{display:flex; align-items:center; gap:10px; justify-content:center; margin-top: 60px;}
.fashion .online-banner .btn-wr a{border:1px solid #fff; height:60px; line-height:60px;  border-radius:60px; display:inline-block; color: #fff; display:flex; align-items:center; justify-content:center; }
.fashion .online-banner .btn-wr a.sns{width:60px;}
.fashion .online-banner .btn-wr a.mall{ padding:0 30px; gap:10px; }
.fashion .online-banner .btn-wr a img{height:20px;}
.fashion .campaign .swiper-slide{text-align: center; }
.fashion .campaign .swiper-slide p{ margin-top: 10px;font-weight: 600;}
.fashion .campaign .swiper-slide .img{background: #000; position:relative;}
.fashion .campaign .swiper-slide .img img{transition:all ease .3s;}
.fashion .campaign .swiper-slide .more{border:1px solid #fff; position:absolute; left:50%; bottom:40px;  display:inline-block; padding:10px 30px; border-radius:60px; color:#fff; font-size: 14px; text-align: center; transform:translateX(-50%); transition:all ease .3s; opacity:0;}
.fashion .campaign .swiper-slide:hover .img img{opacity:.5;}
.fashion .campaign .swiper-slide:hover .img .more{opacity:1;} 
.fashion .campaign .swiper-button-next, 
.fashion .campaign .swiper-button-prev{ color:#fff;}
.fashion .campaign .swiper-button-next:after, 
.fashion .campaign .swiper-button-prev:after{ font-size: 40px;font-weight: 500;}



/* construction */
.construction .img-cont{display:flex; justify-content:space-between; flex-wrap:wrap; }
.construction .img-cont > div{width:48%; overflow:hidden;  text-align: center;} 
.construction .img-cont > div img{border-radius:10px;}
.construction .icon-box > ul > li{text-align:left; padding:40px 50px 80px; position:relative; overflow:hidden;}
.construction .icon-box > ul > li > img{margin:0 0 20px -8px; max-width:60px;}
.construction .icon-box strong{font-size: 120px; color: #eef0f2; position:absolute; right:40px; bottom:-36px; line-height: 1;}



 
/* environment */ 
.environment .icon-box ul{flex-wrap:wrap;}
.environment .icon-box ul li{width:calc(50% - 10px); padding:30px 30px 50px;} 
.environment .envirom-hs {margin-top: 60px;}
.environment .envirom-hs ul{display:flex; gap:20px; position:relative;}
.environment .envirom-hs ul:before{content:''; width:100%; height:0; border:1px dashed #ddd; position:absolute; left:0; top:20px; z-index:-1;}
.environment .envirom-hs ul:after{content:''; width:10px; height:17px; background:url('/images/sub/environment_arr.png') no-repeat center center / contain; position:absolute; right:-1px; top:12px;}
.environment .envirom-hs ul li{width:100%;}
.environment .envirom-hs ul li > strong{font-size: 30px; color:#003766; background: #fff; padding:0 20px; margin-left:-20px; }
.environment .envirom-hs ul li .box{display:flex; gap:20px; margin-top: 20px;}
.environment .envirom-hs ul li .box .icon img{max-width:66px;}
.environment .envirom-hs ul li .box .txt strong{font-size: 18px; }
.environment .envirom-hs ul li .box .txt p{font-size: 15px; margin:5px 0;} 
.environment .icon-box > ul > li > img{max-width:55px;}

/* csr */ 
.csr .interview > ul > li {margin-top: 60px;}
.csr .interview > ul > li + li{padding-top: 60px; border-top:1px solid #e8e8e8;}
.csr .interview .box{display:flex; justify-content:space-between; flex-wrap:wrap; padding:60px; border-radius:20px;  background: #fff; margin-top:40px;}
.csr .interview .txt{width:calc(100% - 300px);}
.csr .interview .txt p{font-size: 16px;}
.csr .interview .box .img{width:256px;} 
.csr p + .img-cont{margin-top: 60px;}
.csr .img-cont > ul{display:flex; justify-content:space-between; flex-wrap:wrap; }
.csr .img-cont > ul > li{width:48%; overflow:hidden;  text-align: center; margin-bottom: 4%; }
.csr .img-cont > ul > li:nth-last-child(-n+2){margin-bottom: 0;}
.csr .img-cont > ul > li img{border-radius:10px;}
.csr .img-cont > ul > li p{margin-top: 20px;  text-align:left; position:relative; padding-left: 15px;}
.csr .img-cont > ul > li p::before{content:''; width:4px; height:4px; border-radius:50%; background: #5cb3e6; position:absolute; left:0; top:12px;}




/* ethical */ 
.ethical .report-bn{display:flex; border:1px solid #e8e8e8; border-radius:10px; padding:30px 40px; justify-content:space-between;   font-weight: 600;}
.ethical .report-bn .btn{  padding-left: 50px;  padding-right: 40px;}
.ethical .dot-list > li span{position:relative; vertical-align:baseline; width:100px;}
.ethical .dot-list > li span:before{content:''; width:1px; height:14px; background: #ddd; position:absolute; right:10px; top:8px;}
 

/* report */ 
.report .report-write li{display:flex; flex-wrap:wrap; align-items:flex-start;     justify-content: space-between;}
.report .report-write li + li{padding-top: 30px;} 
.report .report-write li .form-head{width:120px; padding-top: 16px;}
.report .report-write li .form-area{width:calc(100% - 140px); margin-top: 0;}
.report .report-write li .form-area:has(input[type=radio]){padding-top: 10px;}
.report .btn-wr{text-align: center; margin-top: 60px;}
.report .send-btn{padding:14px 60px;  font-weight: 700; font-size: 18px;} 
.report .textarea {width: 100%;height: 200px;padding:20px;resize: none;}
.report .required { font-weight: 600;line-height: normal;color: #F11;}   




/* location */ 
.location .title-h2{  border-bottom:1px solid #333; padding-bottom: 40px; margin-bottom: 40px;}
.location .address{display:flex; justify-content:space-between; margin-bottom: 80px;} 
.location .address ul li{color:#666; font-weight: 300; margin:10px 0; font-size: 18px;} 
.location .address ul li span{position:relative; color:#000; width:140px; font-weight: 600; margin-right: 30px;} 
.location .address ul li span::before{content:''; width:1px; height:15px; background:#ddd; position:absolute; right:0; top:5px;}
.location .btns{display:flex; gap:10px ; flex-wrap:wrap; align-items: flex-start;}
.location .btn.naver{background:#00b050; color:#fff; border-color:#00b050;}
.location .btn {width:190px; font-size: 18px; font-weight: 500; padding:14px 30px 14px 14px;     white-space: nowrap;}
.location .btn.kakao{background:#ffd85b; color:#000; border-color:#ffd85b;}
.location .btn.kakao i{font-size: 1.6em;}
.location .btn i{width:30px; text-align: center;margin-right: 30px; margin-left: 0;}


/* talent */ 
.talent .incentive ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top: 60px;}
.talent .incentive ul li{width:48%; position:relative; color:#fff; }
.talent .incentive ul li > p{position:absolute; left:40px; top:40px; border:1px solid #fff; padding:5px 15px; border-radius:50px; font-size: 16px;}
.talent .incentive ul li > .title-h3{position:absolute; left:40px; bottom:40px; line-height: 1.4;}
.talent .incentive ul li .img{ border-radius:20px; overflow:hidden;}
.talent .incentive ul li .img img{width:100%;}
.talent .talent-dev .icon-box{margin-top: 60px;}
.talent .talent-dev .icon-box > ul > li{padding:60px 20px;}
.talent .talent-dev .icon-box > ul > li img{margin-bottom: 40px; max-width:52px;}



/* culture */
.culture .group-imgs ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top: 60px;}
.culture .group-imgs ul li{width:31.33%; margin-bottom: 60px;}
.culture .group-imgs ul li .img{border-radius:20px; overflow:hidden; margin-bottom: 20px;}
.culture .group-imgs ul li p{margin-top: 5px;} 
.culture .icon-box{ margin-top: 60px;}
.culture .icon-box ul{flex-wrap:wrap; margin-right: -20px;}
.culture .icon-box ul li{width:calc(16.66% - 20px);}
.culture .icon-box ul li p{font-weight: 600; line-height: 1.4; margin-bottom: 20px; }
:lang(en) .culture .icon-box ul li p{ height:50px; display:flex; align-items:center; justify-content:center;}




/* jobnotice */
.jobnotice .boardListArea{margin-bottom: 0;}
.jobnotice .process_wrap {padding:30px; border-radius: 500px;border: 1px dashed #5cb3e6; margin : 60px 0;}
.jobnotice .process_wrap .process_list {display: flex;}
.jobnotice .process_wrap .process_list li {flex: 1;}
.jobnotice .process_wrap .process_list li:not(:first-of-type) {margin-left: -20px;}
.jobnotice .process_wrap .process_list .process_item {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 0;padding-top: 50%;padding-bottom: 50%;border-radius: 50%;background: rgba(92, 179, 230, .1); text-align: center;  }
.jobnotice .process_wrap .process_list .process_item.dotted{background:none;}
.jobnotice .process_wrap .process_list .process_item.dotted .num{font-size: 30px;}	
.jobnotice .process_wrap .process_list .process_item {transform: translate3d(0, 0, 0);opacity: 1;transition: .6s calc(var(--delay, 0) * 1s) ease-in-out;}
.jobnotice .process_wrap .process_list .process_item span{padding:0 20px;}
.jobnotice .process_list .process_item .num {display: flex;justify-content: center;align-items: center;flex: none;  font-weight: 600;box-sizing: border-box;color: #5cb3e6;font-size: 24px;}
.jobnotice .process_list > li:last-of-type .process_item {background: #5cb3e6;color: #fff;}
.jobnotice .process_list > li:last-of-type .process_item .num {color: #fff; } 
.jobnotice .process-cont ul li{position:relative;  padding:30px 0; padding-left: 300px; line-height: 1.7;}
.jobnotice .process-cont ul li + li{border-top:1px solid #e8e8e8; }
.jobnotice .process-cont ul li strong{position:absolute; left:0; top:30px; line-height: 1.2; }
.jobnotice .process-cont ul li p{color: #333; line-height: 1.2;}
.jobnotice .process-cont ul li p + p{margin-top: 10px;}
 

/* management */ 
.management .certification {background:url('/images/sub/scm_bg.jpg') no-repeat center center / cover; color:#fff;}
.management .certification .title-h2{font-size: 80px; line-height: 1.2;}
.management .certification .scm-certi{display:flex; gap:4%; max-width:800px; margin-top: 80px;} 



/* privacy */ 
.privacy-top { 
	margin-top: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.privacy-top select {
    width: 300px;
}

.privacy-top button { 
	background: #fff;
	border:1px solid #e8e8e8;
    width: 80px;
    height: 60px;
    text-align: center;
	border-radius:10px;
	font-size: 16px;
	transition:all ease .3s;
	overflow:hidden;
}
.privacy-top button:hover{
	background:#5cb3e6;
	color:#fff;
	border-color:#5cb3e6;
}

.pr-box {
    display: none; 
}  
.pr-box p{  
	font-weight: 400;
	font-size: 16px;
}


/* doc */
.doc {
    margin-top: -10px;
    line-height: 32px;
}

.doc h4 {
    display: block;
    margin: 60px 0 35px;
    font-size: 20px;
    font-weight: 700;
}

.doc h4:first-child {
    margin-top: 0;
}

.doc h5 {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

.doc p, .doc li {
    line-height: 32px;
}

.doc p + ul {
    margin-top: 30px;
}

.doc p + h5 {
    margin-top: 30px;
}

.doc ul + p {
    margin-top: 30px;
}

.doc ul + h5 {
    margin-top: 30px;
}

.doc ul + ul {
    margin-top: 30px;
}

.pc-none{display:none;}

/*********************************************** responsive ***********************************************/
   
@media screen and (max-width:1300px){  
	:lang(en) .sub-visual .vs-tabs ul li a{font-size: 18px;}
	.sub-visual .vs-tabs ul li + li{margin-left: 30px;}
	.sub-visual .vs-tabs ul li + li:before{left:-15px;}
}
@media screen and (max-width:1280px){  
	/* sub common */
	.title-h2{font-size:32px;} 
	.title-h3{font-size:22px;}
	.title-h4{font-size:20px;}
	.title-h5{font-size: 18px;}  
	.title-h2 img{height:40px;}

	.vision{margin:100px 0 0;}


	.sec-footer .ft-logo{width:100px;}


	.sub .sec-content{padding-top: 60px;}
	.sub-visual h2{padding:80px 0 50px; font-size: 40px;}
	.kvisual{margin-top: 20px; height:300px;}
	.sec-content .icon-box > ul{flex-wrap:wrap; gap:15px; margin-right: 0;}
	.sec-content .icon-box > ul > li{width:48%;}

	/* clothes */
	.clothes .highlights .icon-box > ul > li strong{font-size: 36px;}
	
	/* insulation */
	.insulation .certi-box ul{gap:10px; margin-right:-10px;}
	.insulation .certi-box ul > li{ width: calc(25% - 10px);}
	
	/* ceo */
	.ceo .flex-cont .left .only-mo:has(img){max-width:400px; margin:40px auto 0;}

	/* fashion */
	.fashion .online-banner{padding:80px 0;}
	.fashion .online-banner .btn-wr{margin-top: 30px;}

	
	/* csr */
	.csr .interview .box{margin-top: 30px; padding:40px 30px;}
	.csr .interview .txt{width:100%;}
	.csr .interview .img{width:100%; }
	.csr .interview .box .img {margin-top: 30px;}
	.csr .interview .box .img img{max-width:60%;}

	.location .btns{ flex-direction: column;}

	/* Global */
	.global .dot-explain li { font-size: 20px;}
}

/* mobile */
@media screen and (max-width:969px){  
	.pc-none{display:block;}
	.mo-none{display:none;}


	#header .lang a{font-size: 14px;} 

	/* footer */
	#btn_topmove{right:20px; width: 40px; height: 40px; bottom:20px;}
	#btn_topmove button{width: 40px; height: 40px;} 
	.sec-footer .ft-nav .gnb{display:none;}
	.sec-footer{padding:30px 0;}
	.sec-footer .ft-nav .family-site > a{font-size: 14px;}
	.sec-footer .ft-nav .family-site > ul{right:auto; left:0; width:100%;min-width:320px; padding:20px;}
	.sec-footer .ft-nav .family-site > ul > li{ width:50%;}
	.sec-footer .ft-nav .family-site > ul > li:last-child{width:100%; margin-top: 20px;}
	.sec-footer .ft-nav .family-site > ul > li:last-child .depth ul{overflow:hidden;}
	.sec-footer .ft-nav .family-site > ul > li:last-child .depth ul > li{width:50%; float:left;}
	.sec-footer .ft-nav .family-site > ul a{font-size: 13px; }
	.sec-footer .ft-nav .family-site > ul p{font-size: 14px;}
	.sec-footer .ft-btm{padding-top: 30px; margin-top: 30px;}
	.sec-footer .ft-nav .family-site > a i{right:14px; font-size: 14px; top:16px;}
	.sec-footer .ft-info{margin : 20px 0;}
	.sec-footer .ft-info p{font-size: 13px;}
	.sec-footer .ft-links{margin-left: 0;}
	.sec-footer .ft-links a{margin-left: 0; margin-right:10px; font-size: 13px;}



	
	/* common */
	.only-mo{display:block;}
	.only-pc{display:none;} 
 
	.history .flex-cont,
	.flex-cont{margin:50px 0;}
	.flex-cont .left{padding-right: 0; width:100%;}
	.flex-cont .right{width:100%; margin-top: 20px;}  
	.flex-cont .right p:first-child{margin-top: 0;}
	.flex-cont p{margin:10px 0; } 
	.flex-cont .cont p + .title-h3{margin-top: 30px;}
 

	/* sub */
	.mo-depth{display:flex;}
	.sub-visual .vs-tabs{display:none;}

	.sub .sec-content{padding-top: 60px; font-size: 15px;}  
	.sub-visual h2{padding:45px 0; font-size: 30px;}
	.sub-visual .vs-tabs ul{padding-bottom: 0;  } 
	.sub-visual .vs-tabs.over-scroll ul{justify-content: flex-start;} 
	.sub-visual .vs-tabs ul li {margin-bottom: 20px;}
	.sub-visual .vs-tabs ul li a{font-size: 16px;}
	.sub-visual .vs-tabs ul li + li{margin-left: 30px;}
	.sub-visual .vs-tabs ul li + li:before{left:-15px; height:12px;} 
	.kvisual{margin-top:0; height:160px;} 

	
	/* bbs */
	.srboardView .viewArea .viewCont{font-size: 15px;}
	


	.tab-menu{margin:30px 0;}
	.tab-menu ul{padding:5px;border:none; padding:0; border-radius:0;}
	.tab-menu ul li{width: auto; position:relative;}
	.tab-menu ul li a{height:40px; line-height:40px; font-size: 15px;font-weight: 400; color: #666;  }
	.tab-menu ul li a.active{color:#003766; background: #fff; font-weight: 700;} 
	.tab-menu ul li:first-child:after{display:none;}
	.tab-menu ul li::after {
		position: absolute;
		top: 50%;
		left: 0;
		width: 1px;
		height: 10px;
		background: #d5d5d5;
		transform: translateY(-50%);
		content: "";
	}

 
	/* sub common */
	.sec-content .portfolio .txt{width:100%; margin-top: 20px;}
	.sec-content .portfolio li + li{margin-top: 20px; padding-top:30px;}  
	.sec-content .portfolio .img{max-width:100%; height:200px;}
	.sec-content .portfolio .img img{width:auto; max-height:60%; max-width:60%;margin: 0 auto;  display: block;}

	
	/* ceo */
	.ceo .flex-cont .left{width:100%;} 
	.ceo .flex-cont .left .only-mo:has(img){text-align: center;}
	.ceo .flex-cont .right{width:100%;}
	.ceo .title-h4{margin:50px 0 20px;}
	.ceo .cont p{font-size: 16px;}
	.ceo .cont{padding-right: 0;} 
	.ceo .sign{margin : 10px auto 0; text-align: left;}
 
	.subsidiary .tab-menu ul{display:flex; justify-content:center;}


	/* history */
	.history .title-h2{font-size:50px;}
	.history .title-h2 p{font-size: 18px;}
	.history .cont ul li{padding:10px 0;     padding-left:80px;}
	.history .cont ul li strong{top:20px; font-size:17px;}
	.history .image{height:200px;}
  .history .image.right img {left: auto; right: 0; max-width: fit-content; width: auto;}

	/* vision */
	.vision{margin:60px 0 0;}
	.vision .title-h4{margin-top: 30px;}
	.vision .bg{padding:60px 0; margin:60px 0 0;}
	.vision .mission{margin:0 0 40px;}
	.vision .value{margin:20px 0;}
	.vision .mission > li{font-size: 16px;             flex-direction: column;    flex-wrap: wrap;   gap: 10px;}
	.vision .value{    flex-direction: column;}
	.vision .value li{padding:40px 20px; border-radius:10px;}
	.vision .value li strong{margin-bottom: 10px;}

	/* ci */  
	.ci .color-box{margin:10px 0 20px;     flex-direction: column;}
	.ci .color-box > div{height:auto; width:100% !important;}
	.ci .color-box .txt{position:relative; padding: 20px  ; top:0; left:0; bottom:0;}



	/* subsidiary */
	.subsidiary{padding-bottom: 30px;}
	.subsidiary .img-cont{margin:50px 0;}
	.subsidiary .img-cont > div{width:100%;}
	.subsidiary .img-cont > div + div{margin-top: 15px;} 
	.subsidiary .img-cont .swiper-button-next:after, .subsidiary .img-cont .swiper-button-prev:after{font-size: 30px;} 


	
	/* management */
	.management .certification .title-h2{font-size: 40px;}
	.management .certification .scm-certi{margin-top: 40px;}



	/* global */
	.global{margin:60px 0;}
	.global-map{width:100%; padding:100px 0;}
	.global-map .dot.KOREA{top:45%;}
	.global-map .dot.INDIA .country{right:10px; bottom:0;}
	.global-map .INDIA .country::before{ width: 10px;   height: 1px;right: -10px;   bottom: 2px;}
	.global-map .dot.VIETNAM .country{bottom:70px;}
	.global-map .VIETNAM .country::before{height:70px; bottom:-70px;} 
	.global-map .dot.CHINA .country{top:33px;}
	.global-map .dot.CHINA .country::before{height:33px; top:-33px;}
	.global-map .dot.INDONESIA{top:58%;}
	.global-map .dot.INDONESIA .country{top:50px; left:-2px;}
	.global-map .INDONESIA .country::before{width:1px; height:50px; left: 4px; top: -50px;}
	.global .dot-explain{ }
	.global .dot-explain li{font-size: 14px; margin:0 10px;} 


	/* finance */
	.finance{margin:60px 0;} 
	.finance .img-cont{margin:0 0 40px;}
	.tb-basic{font-size: 14px;}
	.tb-basic th{padding:10px;}
	.tb-basic td{padding:10px;}
	.finance .tb-basic + .title-h3{margin-top: 40px;}


	/* information */
	.information-list table tr td{padding:20px 13px;}
    .information-list table dl{font-size:14px;}  
	.information-list table .text01{font-size:16px; word-break:break-all;}
	.information-list .link-btn{display:none;}


	.pager-body a{font-size: 12px; width: 20px; line-height:22px; height:24px;} 

	
	/* section */
	.sec-content .overview{padding:60px 0;}
	.sec-content .overview > p{margin-bottom: 10px;}
	.sec-content .overview .title-h4{font-size: 18px;}
	.sec-content section{padding:60px 0;}  
	.sec-content section:last-child{padding-bottom:100px;} 
	.boardListArea{margin-bottom:100px;}
	.bottomBtn{margin:10px 0 20px;} 
	.sec-content .icon-box + p{margin-top: 30px;}
	.sec-content p + .code-list{margin-top: 30px;}
	.sec-content .code-list > ul{gap:15px;}
	.sec-content .code-list > ul > li{width:100%; padding:30px;}
	.sec-content .code-list > ul > li strong{font-size: 80px; right:30px; bottom: -22px;}
	.sec-content p + .img-box{margin-top: 30px;}
	.sec-content p + .icon-box{margin-top: 30px;}
	.sec-content .logo-box{margin-top: 30px; }
	.sec-content .logo-box ul{gap:15px;}
	.sec-content .logo-box li{ width: calc(50% - 7.5px);}
	.sec-content .logo-box .img{height:100px;}
	.sec-content .logo-box .btn{margin:10px 0;}
	.sec-content .icon-box p{font-size: 15px;}
	.sec-content .title-h2 + .circle-icon{margin-top: 30px;}
	.sec-content .circle-icon ul li{width:100%; margin-bottom: 20px;}
	.sec-content .circle-icon ul li .icon{width:100px; height:100px;}
	.sec-content .circle-icon ul li .txt{    width: calc(100% - 120px);}
	.sec-content .circle-icon ul li .txt p{margin-top: 5px;}
	.sec-content .dot-list > li::before{top:10px;}
	.sec-content .img-list ul{gap:15px;    flex-direction: column;}
	.sec-content .img-list ul li{height:200px;}


	/* clothes */
	.clothes .highlights .icon-box{margin-top: 30px;}
	.clothes .highlights .icon-box > ul > li{ padding: 30px 30px 120px;}
	.clothes .highlights .icon-box > ul > li img{right:30px; bottom:30px;}
	.clothes .highlights .icon-box > ul > li strong{font-size: 30px;}
	.clothes .clothes-imgs{height:200vw;}
	.clothes .clothes-imgs .left{z-index:2;}
	.clothes .clothes-imgs .imgs-wrap::before{content:''; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; ;left:0; top:0; z-index:1;}
	.clothes .clothes-imgs .imgs-wrap ul li:nth-child(1){left:20%; top:-10%;}
	.clothes .clothes-imgs .imgs-wrap ul li:nth-child(2){left:55%; top:24%;}
	.clothes .clothes-imgs .imgs-wrap ul li:nth-child(3){left:0; top:44%;}
	.clothes .clothes-imgs .imgs-wrap ul li:nth-child(4){left:40%; top:80%;}
	.clothes .clothes-imgs .imgs-wrap ul li img{max-width:30vw; border-radius:10px;}
	.clothes .clothes-imgs .imgs-wrap ul li img:nth-child(2){ margin:20vw 0 0 -10vw}
	.clothes .all-player .icon-box > ul{justify-content:space-between;}
	.clothes .all-player .icon-box > ul > li{width:calc(50% - 7.5px);}



	/* insulation */  
	.insulation .certi-box ul > li > a{height:80px;}
	.insulation .partners ul{margin-top: 30px; padding:10px;}
	.insulation .partners ul > li{padding:  0; width:33.33%; height:80px;}
	.insulation .partners ul > li img{max-height:40%;         max-width: 70%;}
	.insulation .textile ul > li{font-size: 12px; gap:10px;}
	.insulation .textile > img{margin:30px auto 15px;}


	/* fashion */
	.fashion .online-banner{padding:60px 0;}
	.fashion .online-banner p{font-size: 16px; margin-top: 10px;} 
	.kvisual.sv_business_03::before{width:100px; left:10%;}
	.fashion .online-banner .brand-logo{max-width:100px; margin: 0 auto 20px;}
	.fashion .online-banner .btn-wr{margin-top: 30px;}
	.fashion .online-banner .btn-wr a{height:50px; line-height:50px;}
	.fashion .online-banner .btn-wr a.sns{width:50px;} 
	.fashion .campaign .swiper-button-next::after, .fashion .campaign .swiper-button-prev::after{ font-size: 30px;}
	.fashion .campaign .swiper-slide .more{opacity:1; padding:6px 12px 5px 12px; font-size: 11px;     bottom:20px;    white-space: nowrap; display:none;}
	.fashion .campaign .swiper-slide .img img{opacity:.8;}

	/* construction */
	.construction .icon-box > ul > li{    padding: 20px 30px 50px;}
	.construction .img-cont{gap:15px;}
	.construction .img-cont > div{width:100%;}
	.construction .icon-box strong{font-size: 80px; right:30px; bottom: -22px;}

	/* csr */ 
	.csr .interview .txt p{font-size: 14px;}
	.csr .interview > ul > li{margin-top: 30px;}
	.csr p + .img-cont{margin-top: 30px;}
	.csr .img-cont > ul li{ margin-bottom: 20px;}
	.csr .img-cont > ul > li:nth-last-child(-n+2){ margin-bottom: 20px;}
	.csr .img-cont > ul li:last-child{margin-bottom: 0;}
	.csr .img-cont > ul > li p{margin-top: 15px;}
	.csr .img-cont > ul > li p:before{top:10px;}

	/* ethical */
	.ethical .report-bn{ flex-wrap: wrap; gap: 20px;padding: 30px;}
	.ethical .report-bn .btn{width:100%; text-align: center; margin-top: 10px;}


	/* form */
	.form-area textarea, .form-area select, .form-area input:not([type=radio], [type=checkbox]){font-size: 14px; padding:0 10px;}
	.report .textarea{ padding:20px 10px;}
	.form-area select{background-position:center right 10px; padding-right: 30px;}
	.form-body{margin-top: 30px; padding:20px; }
	.form-display{font-size: 13px;}


	/* report */
	.report .report-write li .form-head{width:100%; margin-top: 0; margin-bottom: 10px;}
	.report .report-write li .form-area{width:100%;}
	.report .report-write li .form-area:has(input[type=radio]){padding-top: 0;}
	.report .report-write li + li{padding-top: 20px;}
	.report .send-btn{font-size: 16px;}


	/* privacy */
	.privacy-top{ flex-wrap:wrap; gap:10px; justify-content:flex-start;}
	.privacy-top span{width:100%; display:block;}
	.privacy-top select{width:calc(100% - 90px); }
	.privacy-top button{font-size: 14px;}
	.doc h4{margin:30px 0 10px; font-size: 17px;}
	.doc p, .doc li{line-height: 1.5;}
	.pr-box p{font-size: 14px;}

	/* location */
	.location .map iframe{height:300px;}
	.location .title-h2{margin-bottom: 20px; padding-bottom: 20px;}
	.location .address ul li{font-size: 16px; margin:0 0 20px;}
	.location .address{ margin-bottom: 40px; }
	.location .address ul li span{display:block;  margin-bottom: 20px;}
	.location .address ul li span::before{width:15px; height:1px; left:0; right:auto; bottom:-10px; top:auto;} 
	.location .btn{ font-size: 14px;     padding: 12px 20px 12px 12px;} 
	.location .btn i{margin-right: 40px;}


	/* environment */ 
	.environment .icon-box ul li{  padding: 20px 20px 30px;}
	.environment .envirom-hs{margin-top: 30px;}
	.environment .envirom-hs ul{ flex-direction: column; }
	.environment .envirom-hs ul li .box{margin-top: 10px; padding-left: 30px;} 
	.environment .envirom-hs ul li > strong{padding:10px 20px;}
	.environment .envirom-hs ul:before{width: 0;  height: 100%; left:12px;}
	.environment .envirom-hs ul:after{right:auto; top:auto; bottom: -20px;transform: rotate(90deg);transform-origin: bottom;left: 0;}



	/* talent */ 
	.talent .incentive ul{margin-top: 30px;}
	.talent .incentive ul li { margin-bottom: 20px;}
	.talent .incentive ul li .img{border-radius:15px; height:200px;}
	.talent .incentive ul li .img img{height:100%; object-fit:cover;}
	.talent .incentive ul li > p{font-size: 14px; left:20px; top:20px;}
	.talent .incentive ul li > .title-h3{left:20px; bottom:20px;}
	.talent .talent-dev .icon-box > ul > li{padding:40px 20px;}
	.talent .talent-dev .icon-box{margin-top: 30px;}

	/* culture */
	.culture .group-imgs ul{margin-top: 30px;}
	.culture .group-imgs ul li{width:100%; margin-bottom: 40px;}
	.culture .icon-box {margin-top: 30px;}
	.culture .icon-box ul li{    width: calc(50% - 20px); padding: 0 10px 10px;}
	.culture .icon-box ul li img{margin-bottom:0;} 

	/* jobnotice */
	.jobnotice .process_wrap {padding: 20px; max-width:200px; margin:30px auto;}
	.jobnotice .process_wrap .process_list {flex-direction: column;} 
	.jobnotice .process_wrap .process_list li:not(:first-of-type) {margin-left: 0;margin-top: -20px;}
	.jobnotice [data-aos=fade-right]{transform: translate3d(0, 100px, 0);}
	.jobnotice .process_list .process_item .num{font-size: 20px;}
	.jobnotice .process_wrap .process_list .process_item.dotted .num{transform: rotate(90deg);}
	.jobnotice .process-cont ul li{padding-left: 100px;}
	.jobnotice .process-cont ul li strong{width:90px;}


	.btn-center .btn{font-size: 16px; margin-top: 30px;}
 
}
@media screen and (max-width:480px){  /* mobile */ 
	/* sub common */ 
	.sec-content .icon-box > ul > li{width:100%;}
	:lang(en) .culture .icon-box ul li p{height:auto;}

	
	/* insulation */ 
	.insulation .certi-box ul > li{    width: calc(33.33% - 10px);} 

	
	/* finance */ 
	.finance .img-cont > div{width:100%; margin-bottom: 20px;}

	/* talent */ 
	.talent .incentive ul li{width:100%;}

	
	/* csr */  
	.csr .img-cont > ul li{width:100%; }

	
	.location .address{  flex-direction: column;}  
	.location .btns{ flex-direction: row; }
	.location .btn{width:calc(50% - 5px); }  
	
	/* Global-en */
	.global-en .dot-explain ul { width: 100%; }
	.global-en .dot-explain li { text-align: left; line-height: 15px; width: 30%;}
	.global-en .dot-explain li:nth-child(2) { margin-left: 0; width: 33%; }
	.global-en .dot-explain li:last-child { margin-left: 0; width: 33%; }
	.global-en .dot-explain li:last-child > .dot { width: 12px; height: 10px; }
	.global-en .dot-explain .dot { height: 10px; }



}
@media screen and (max-width:400px){  /* mobile */ 

	/* ceo-en */
	.ceo .title-h2-en { font-size: 28px; }

	/* location */  
	.location .btn i{margin-right:15px;}
}


@media screen and (max-width:375px){ /* mobile */

	/* vision */
	.vision .title-h2 { font-size: 30px;}
	.vision .title-h4-en { font-size: 18px; }

	/* subsidiary-en */
	.sec-content .portfolio .btn-en { width: 45%; }

	

	/* Global-en */
	.global-en .dot-explain { display: flex; width: 100%; margin: 0 auto; }
	.global-en .dot-explain li { margin: 5px 10px; width: 40%; justify-content: left;}
	.global-en .dot-explain li:nth-child(2) { margin: 5px 10px; width: 24%; }
	.global-en .dot-explain li:last-child { margin: 5px 10px; width: 24%; }
	.global-en .dot-explain li:last-child > .dot { width: 11px; }

	.global-map .dot.INDIA .country { right: 0; bottom: 10px; }
	.global-map .INDIA .country::before { width: 1px; height: 10px; right: 1px; bottom: -9px; }

}