/* common */

#subWrap {min-height: 0;}

/* .sv01{ background:url('/img/sub/sv01.jpg') no-repeat center top;}
.sv02{ background:url('/img/sub/sv02.jpg') no-repeat center top;}
.sv03{ background:url('/img/sub/sv03.jpg') no-repeat center top;}
.sv04{ background:url('/img/sub/sv04.jpg') no-repeat center top;}
.sv05{ background:url('/img/sub/sv05.jpg') no-repeat center top;}
.sv06{ background:url('/img/sub/sv06.jpg') no-repeat center top;}
.sv07{ background:url('/img/sub/sv07.jpg') no-repeat center top;}
.sv08{ background:url('/img/sub/sv08.jpg') no-repeat center top;}
.sv09{ background:url('/img/sub/sv09.jpg') no-repeat center top;}
.sv010{ background:url('/img/sub/sv10.jpg') no-repeat center top;} */


#sv{ position:relative; /* height:560px; */ /* height:154px; */ height:105px; text-align:center; background-size:cover; /* margin-bottom:110px; */}
#sv > .inner{ height:100%;}
#sv > .inner dl{ position:relative; top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#sv > .inner dl dt,
#sv > .inner dl dd{ color:#fff; font-family: 'NanumSquare', sans-serif;}
#sv > .inner dl dt{ font-size:40px; font-weight:700; margin-bottom:15px;}
#sv > .inner dl dd{ font-size:20px;}

#sv #lnb{ position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.6); display: none;}
#sv #lnb .inner{ position:relative;}
#sv #lnb .inner ul{ text-align:center; font-size:0;}
#sv #lnb .inner ul li{ position:relative; display:inline-block; width:20%;}
#sv #lnb .inner ul li a{ position:relative; display:block; color:#fff; width:200px; font-size:18px; font-weight:500; padding:20px 0; text-align:center; border-right:1px solid rgba(255,255,255,0.07); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#sv #lnb .inner ul li.on a{ background-color:#034ea2;}

#subContents{ margin-bottom:200px; min-height:493px;}
.subTitle{ margin-bottom:30px;}
.subTitle p{ position:relative; font-size:30px; color:#333; font-weight:700; font-family: 'NanumSquare', sans-serif; padding:58px 0 17px 0; text-align:center;}
.subTitle p:after{ display:block; content:''; position:absolute; left:50%; bottom:0; width:46px; height:2px; background-color:#034ea2;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}


/*
	회사소개
*/
/* 회사소개 공통 */
.company_com{ height:100%; position:relative;}
.company_com .txt{ position:absolute; top:50%; width:100%; text-align:center;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.company_com .txt dl{}
.company_com .txt dl dt,
.company_com .txt dl dd{ color:#fff;}
.company_com .txt dl dt{ font-size:50px; font-weight:600; font-family: 'Prompt', sans-serif; letter-spacing:-0.02em; margin-bottom:22px;}
.company_com .txt dl dd{ font-size:22px; font-weight:700; font-family: 'NanumSquare', sans-serif;}


/* 회사소개 - Dl동일 소개 */
#about{ margin: 0 auto; max-width: 1000px;}
#about .con_wrap{}
#about .con_wrap .txt{ margin-top:78px;}
#about .con_wrap .txt h2 { margin-bottom: 1.5em; font-size: 24px; color: #333; font-weight: 700; }
#about .con_wrap .txt p{ font-size:18px; color:#555; font-weight:300; line-height:1.5;}
#about .con_wrap .txt p:nth-of-type(n+2){ margin-top:35px;}

/* 회사소개 - Dl동일 history */
#history{}
#history .con_wrap{ margin-top:95px; margin-left: 140px;}
#history .con_wrap:after{ display:block; content:''; clear:both;}
#history .con_wrap .con{ position:relative; float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#history .con_wrap .con:before{ content:''; display:block; position:absolute; left:0; width:1px; height:98%; background-color:#c8c8c8; top:13px;}
#history .con_wrap .con1:before{ left:34px; }
#history .con_wrap .con2:before{ left:4px;}
#history .con_wrap .con1{ padding-left:30px; width:50%;}
#history .con_wrap .con2{ width:50%;}
#history .con_wrap .con ul{}
#history .con_wrap .con ul li{ font-size:0;}
#history .con_wrap .con ul li:after{ display:block; content:''; clear:both;}
#history .con_wrap .con ul li:nth-of-type(n+2){ margin-top:35px;}
#history .con_wrap .con ul li > *{ position:relative; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#history .con_wrap .con ul li p{ font-size:25px; color:#2f56c5; font-weight:800; letter-spacing:-0.025em; width:150px; padding-left:30px; font-family: 'NanumSquare', sans-serif;}
#history .con_wrap .con ul li p:before{ content:''; display:block; position:absolute; left:0; top:9px; width:9px; height:9px; background-color:#034ea2; border-radius:50%;}
#history .con_wrap .con ul li span{ width:calc(100% - 150px); font-size:16px; color:#525252; letter-spacing:-0.05em; line-height: 1.3;} 
#history .con_wrap .con ul li span:nth-of-type(n+2){ margin-top:4px; letter-spacing:-0.07em;}
#history .con_wrap .con1 ul li:nth-of-type(9) span{ line-height:1.4;}

/* 회사소개 - CI */
#CI{}
#CI .con_wrap{}
#CI .con_wrap .ci_tit{ margin-bottom:45px;}
#CI .con_wrap .ci_tit p{ font-size:22px; color:#333; font-weight:500; line-height:1.6; text-align:center;}

#CI .con_wrap .con{}
#CI .con_wrap .con:after{ display:block; content:''; clear:both;}
#CI .con_wrap .con1{ margin-bottom:124px;}
#CI .con_wrap .con1 .img{ margin-bottom:24px;}
#CI .con_wrap .con1 .btn_wrap{ float:right; font-size:0}
#CI .con_wrap .con1 .btn_wrap .down_btn{ display:inline-block; width:220px; text-align:center; background-color:#f6f6f6; border:1px solid #ddd; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#CI .con_wrap .con1 .btn_wrap .down_btn1{ margin-right:8px;}
#CI .con_wrap .con1 .btn_wrap .down_btn a{ position:relative; display:inline-block; padding:15px 0 13px 0; text-align:center; font-size:16px; color:#444444; font-weight:500;}
#CI .con_wrap .con1 .btn_wrap .down_btn a em{ color:#0c4da2;}
#CI .con_wrap .con1 .btn_wrap .down_btn a span{ margin-left:7px; display:inline-block; vertical-align:middle; position:relative; top:-2px;}
#CI .con_wrap .con2{ margin-bottom:140px;}
#CI .con_wrap .con2 .listBox{ font-size:0; text-align:center;}
#CI .con_wrap .con2 .listBox:nth-of-type(2){ margin-top:50px;}
#CI .con_wrap .con2 .listBox .list{ display:inline-block; width:33.333333%; vertical-align:bottom;}
#CI .con_wrap .con2 .listBox .list p{ font-size:20px; color:#333; font-weight:500; text-align:left; margin-bottom:18px;;}
#CI .con_wrap .con2 .listBox .list:nth-of-type(2) p{ padding-left:43px;}
#CI .con_wrap .con2 .listBox .list:nth-of-type(3){ text-align:left;}
#CI .con_wrap .con2 .listBox .list img{ max-width: 312px;}
#CI .con_wrap .con3{ font-size:0;}
#CI .con_wrap .con3 .content{ display:inline-block; vertical-align:top; width:48.33333333333%; margin-right:3.33333333333%;}
#CI .con_wrap .con3 .content:nth-of-type(2){ margin-right:0;}
#CI .con_wrap .con3 .content p{ font-size:20px; color:#333; font-weight:500; margin-bottom:18px;}
#CI .con_wrap .con3 .content .box_wrap{ border:1px solid #c9c9c9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#CI .con_wrap .con3 .content .box_wrap:after{ display:block; content:''; clear:both;}
#CI .con_wrap .con3 .content .box_wrap > *{ position:relative; float:left; width:50%; height:200px;}
#CI .con_wrap .con3 .content .box_wrap .color.blue{ background-color:#0d4da0;}
#CI .con_wrap .con3 .content .box_wrap .color.gray{ background-color:#57585a;}
#CI .con_wrap .con3 .content .box_wrap .txtBox{}
#CI .con_wrap .con3 .content .box_wrap .txtBox .txt{ position:absolute; top:50%; left:50%; width:70%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
} 
#CI .con_wrap .con3 .content .box_wrap .txtBox .txt dl{}
#CI .con_wrap .con3 .content .box_wrap .txtBox .txt dl dt{ font-size:20px; color:#333; font-weight:700;  margin-bottom:20px;}
#CI .con_wrap .con3 .content .box_wrap .txtBox .txt dl dt span{ color:#0d4da0;}
#CI .con_wrap .con3 .content .box_wrap .txtBox .txt dl dd{ font-size:16px; color:#333; font-weight:500; line-height:1.8;}

/*
	PRODUCT
*/
/*  product com */
.product_com{}
.product_com .con_wrap{ position:relative; /* background:url('/img/sub/product/product_bg.jpg') no-repeat center; height:740px; */ height:655px; }
.product_com .con_wrap .box{ position:absolute; top:50%; left:50%; background-color:#FFF; width:1200px; height:465px; font-size:0; padding:70px 63px 75px 70px;     box-shadow: 1px 1px 20px 4px #efefef; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.product_com .con_wrap .box > *{ display:inline-block; vertical-align:top;}
.product_com .con_wrap .box .imgBox{ width:420px; margin-right:72px;}
.product_com .con_wrap .box .txtBox{ width:calc(100% - 492px);}
.product_com .con_wrap .box .txtBox .content{}
.product_com .con_wrap .box .txtBox .content1{ margin-bottom:32px; padding-bottom:50px; border-bottom:2px solid #e5e5e5; min-height:130px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.product_com .con_wrap .box .txtBox .content1 p{ font-size:17px; color:#555; font-weight:300; line-height:1.6;}
.product_com .con_wrap .box .txtBox .content1 dl{}
.product_com .con_wrap .box .txtBox .content1 dl dt,
.product_com .con_wrap .box .txtBox .content1 dl dd{ font-size:17px; color:#555; font-weight:300; line-height:1.6;}
.product_com .con_wrap .box .txtBox .content1 dl dt{}
.product_com .con_wrap .box .txtBox .content1 dl dd{}
.product_com .con_wrap .box .txtBox .content2{}
.product_com .con_wrap .box .txtBox .content2 ul{}
.product_com .con_wrap .box .txtBox .content2 ul li{ position:relative;}
.product_com .con_wrap .box .txtBox .content2 ul li:nth-of-type(n+2){ margin-top:22px;}
.product_com .con_wrap .box .txtBox .content2 ul li dl{}
.product_com .con_wrap .box .txtBox .content2 ul li dl:after{ display:block; content:''; clear:both;}
.product_com .con_wrap .box .txtBox .content2 ul li dl > *{ float:left; display:inline-block; line-height:1.6;}
.product_com .con_wrap .box .txtBox .content2 ul li dl dt{ font-size:15px; color:#034ea2; font-weight:300; width:100px;}
.product_com .con_wrap .box .txtBox .content2 ul li dl dd{ font-size:15px; color:#888; font-weight:300; width:calc(100% - 100px);}

.product_com .slick-arrow{ position:absolute; top:50%; border:none; background-color:transparent; text-indent:-9999px; width:8px; height:13px; z-index:2;
	-webkit-transform:translate(-50%);
	-moz-transform:translate(-50%);
	-ms-transform:translate(-50%);
	-o-transform:translate(-50%);
	transform:translate(-50%);
}
.product_com .slick-arrow.slick-prev{ background:url('/img/sub/product/product_prev.png') no-repeat center; left:-15px;}
.product_com .slick-arrow.slick-prev:hover{ background:url('/img/sub/product/product_prev_on.png') no-repeat center; left:-15px;}
.product_com .slick-arrow.slick-next{ background:url('/img/sub/product/product_next.png') no-repeat center; right:-24px;}
.product_com .slick-arrow.slick-next:hover{ background:url('/img/sub/product/product_next_on.png') no-repeat center; right:-24px;}

.product_com .slick-dots{ position:absolute; bottom:-25px; left:0;}
.product_com .slick-dots li{ display:inline-block; vertical-align:middle; margin-right:7px;} 
.product_com .slick-dots li:last-child{ margin:0;}
.product_com .slick-dots li button{ width:8px; height:8px; padding:0; border:none; background-color:#bebebe; text-indent:-9999px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}    
.product_com .slick-dots li.slick-active button{ width:20px; background-color:#034ea2;}



/* 
	주요계열사
*/
/* 섬유 */
.subsidiary{ margin-top:110px;}
.subsidiary .sub_tit{ position:relative; /* top:84px; */ top:-30px; text-align:center;}
.subsidiary .sub_tit p{ /* font-size:46px;  */ font-size:30px;  /* color:#fff; */ color:#000; font-weight:700; font-family:'NanumSquare',sans-serif; margin-bottom:24px;}
.subsidiary .sub_tit .tabMenu{ font-size:0; text-align:center;}
.subsidiary .sub_tit .tabMenu:after{ display:block; content:''; clear:both;}
.subsidiary .sub_tit .tabMenu li{ position:relative; display:inline-block;}
.subsidiary .sub_tit .tabMenu li:after{ content:''; width:2px; height:2px; background-color:#FFF; position:absolute; right:0; top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.subsidiary .sub_tit .tabMenu li:last-child:after{ display:none;}
.subsidiary .sub_tit .tabMenu li a{ position:relative; display:block; font-size:22px; color:#fff; font-family:'NanumSquare',sans-serif; padding:17px 20px;  display: none;}
.subsidiary .sub_tit .tabMenu li:hover a:after,
.subsidiary .sub_tit .tabMenu li.on a:after{content:''; width:20px; height:3px; background-color:#FFF; position:absolute; left:50%; bottom:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}

.subsidiary section{}
.subsidiary section .listBox{ margin-top: 80px;}
.subsidiary section .listBox:after{ display:block; content:''; clear:both;}
.subsidiary section .listBox .list{ position:relative; float:left; width:23.91304347826%; margin-right:1.44927536232%;}
.subsidiary section .listBox .list:last-child{ margin-right:0;}
.subsidiary section .listBox .list a{ position:relative; display:block; height:0; padding-top:100%; overflow:hidden;}
.subsidiary section .listBox .list a .imgBox{ position:absolute; top:0; left:0;}
.subsidiary section .listBox .list a .imgBox img{}
.subsidiary section .listBox .list a .txt{display:none; position:absolute; top:50%; left:50%; width:100%; text-align:center;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.subsidiary section .listBox .list a .txt p{ position:relative; font-size:20px; color:#fff; font-weight:700; font-family:'NanumSquare',sans-serif; line-height:1.2;}
.subsidiary section .listBox .list a .txt p:before{ content:''; width:17px; height:2px; background-color:#FFF; margin-bottom:8px; display:block; position:relative; left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.subsidiary section .listBox .list a .txt p span{ display:block;}

.subsidiary section .inner1200 .inner920 .con{ margin-bottom:80px; font-size:0;}
.subsidiary section .inner1200 .inner920 .con .imgBox,
.subsidiary section .inner1200 .inner920 .con .txtBox{ position:relative; display: inline-block; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.subsidiary section .inner1200 .inner920 .con .imgBox{ width:43.47826086957%; margin-right:60px;}
.subsidiary section .inner1200 .inner920 .con .imgBox img{}
.subsidiary section .inner1200 .inner920 .con .txtBox{ width:50%; padding-left:0;}
.subsidiary section .inner1200 .inner920 .con .txtBox .con_tit{ /* margin-bottom:100px; */ margin-bottom:50px; min-height: 230px;}
.subsidiary section .inner1200 .inner920 .con .txtBox .con_tit dl{}
.subsidiary section .inner1200 .inner920 .con .txtBox .con_tit dl dt:before{ content:''; width:16px; height:4px; background-color:#034ea2; display:block; margin-bottom:20px;}
.subsidiary section .inner1200 .inner920 .con .txtBox .con_tit dl dt{ position:relative; font-size:34px; color:#333; font-family:'NanumSquare',sans-serif; font-weight:700; letter-spacing:-0.2px; padding-bottom:40px; border-bottom:1px solid #e5e5e5; margin-bottom:40px;} 
.subsidiary section .inner1200 .inner920 .con .txtBox .con_tit dl dd{ font-size:17px; color:#555; font-weight:300; line-height:1.6;} 
.subsidiary section .inner1200 .inner920 .con .txtBox .con_tit dl dd span{ display:block;}
.subsidiary section .inner1200 .inner920 .addr{}
.subsidiary section .inner1200 .inner920 .addr dl{ margin-bottom:22px;}
.subsidiary section .inner1200 .inner920 .addr dl:last-child{ margin-bottom:0;}
.subsidiary section .inner1200 .inner920 .addr dl:after{ display:block; content:''; clear:both;}
.subsidiary section .inner1200 .inner920 .addr dl dt,
.subsidiary section .inner1200 .inner920 .addr dl dd{ position:relative; float:left; color:#555; font-weight:300; font-size:15px; line-height:1.3;}
.subsidiary section .inner1200 .inner920 .addr dl dt{ width:98px;}
.subsidiary section .inner1200 .inner920 .addr dl dd{ width:calc(100% - 98px);}
.subsidiary section .inner1200 .inner920 .addr dl .logo_margin {margin-top:8px; }
.subsidiary section .inner1200 .inner920 .addr dl .logo_margin > span { margin-bottom:10px; }
.subsidiary section .inner1200 .inner920 .addr dl dd span{ margin-right:5px; box-shadow:5px 5px 5px rgba(0,0,0,0.15); position:relative; top:-5px; display:inline-block;}
.subsidiary section .inner1200 .inner920 .addr dl dd span img{} 

.subsidiary .section1{}
/* .subsidiary .section1 .inner1700{ background:url('/img/sub/subsidiary/fiber/fiber_bg.jpg') no-repeat center top; height:360px;}
.subsidiary .section1 .fider { background:url('/img/sub/subsidiary/fiber/fiber_bg.jpg') no-repeat center top; height:360px; }
.subsidiary .section1 .clothing { background:url('/img/sub/subsidiary/fiber/clothing_bg.jpg') no-repeat center top; height:360px; }
.subsidiary .section1 .metal { background:url('/img/sub/subsidiary/metal/metal_bg.jpg') no-repeat center top; height:360px; }
.subsidiary .section1 .Industrial { background:url('/img/sub/subsidiary/Industrial/Industrial_bg.jpg') no-repeat center top; height:360px; }
.subsidiary .section1 .furniture { background:url('/img/sub/subsidiary/furniture/furniture_bg.jpg') no-repeat center top; height:360px; }
 */
 .subsidiary .section1 .inner1200{ position:relative; background-color:#FFF; /* top:-100px; padding-top:100px; */ top: -50px; padding-top: 50px;}
 .subsidiary .section2{ background-color:#f4f4f4;}
.subsidiary .section2 .inner1200{ padding:100px 0;}
.subsidiary .section3 .inner1200{ padding:100px 0;}

/* 
	정헌재단
*/
#contribution{}
#contribution .top .tit{ margin-bottom:35px;}
#contribution .top .tit p{ font-size:22px; color:#333; text-align:center;}
#contribution .top .img{}

#contribution .con{ padding:45px 50px 15px 50px; /*border-bottom:1px solid #e5e5e5;*/}
#contribution .con:last-child{ border-bottom:0;}
#contribution .con .txtBox{ font-size:0;}
#contribution .con .txtBox > *{ display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#contribution .con .txtBox .s_tit{ width:335px;}
#contribution .con .txtBox .s_tit p{ font-size:26px; color:#333; font-weight:700; font-family:'NanumSquare',sans-serif;}
#contribution .con .txtBox .content{ width:calc(100% - 335px);}
#contribution .con .txtBox .content > p{ font-size:18px; color:#333; font-weight:300; line-height:1.5;}
#contribution .con .txtBox .content:after{ display:block; content:''; clear:both;}
#contribution .con .txtBox .content .listBox1{ float:left;}
#contribution .con .txtBox .content .listBox1:nth-of-type(1){ width:485px;}
#contribution .con .txtBox .content .listBox1:nth-of-type(2){ width:calc(100% - 485px)}
#contribution .con .txtBox .content .listBox1 .list{ font-size:0;}
#contribution .con .txtBox .content .listBox1 .list > *{ display:inline-block; position:relative; vertical-align:middle;}
#contribution .con .txtBox .content .listBox1 .list:nth-of-type(n+2){ margin-top:16px;}
#contribution .con .txtBox .content .listBox1 .list img{ margin-right:18px;}
#contribution .con .txtBox .content .listBox1 .list p{ font-size:17px; color:#555; font-weight:300;}
#contribution .con .txtBox .content .listBox2{}
#contribution .con .txtBox .content .listBox2 .list{ display:inline-block; position:relative; vertical-align:top; margin-right:17px;}
#contribution .con .txtBox .content .listBox2 .list:last-child{ margin-right:0;}
#contribution .con .txtBox .content .listBox2 .list img{}
#contribution .con .txtBox .content .listBox2 .list p{ font-size:16px; color:#333; font-family:'NanumSquare',sans-serif; padding-top:15px;}
#contribution .con4{ font-size:0;}
#contribution .con4 dl{ display:inline-block;}
#contribution .con4 dl:nth-of-type(1){ margin-right:95px;}
#contribution .con4 dl > *{ display:inline-block; position:relative; color:#333; font-size:18px;}
#contribution .con4 dl dt{ font-weight:700; margin-right:35px; font-family:'NanumSquare',sans-serif;}
#contribution .con4 dl dd{ font-weight:300; }


/* 
	PR센터
*/

/* PR센터 & RECURIT 공통  */
.notice_com{}
.notice_com .total{ margin-bottom:18px;}
.notice_com .total p{ font-size:14px; color:#222; font-weight:700}
.notice_com table{ margin-bottom:37px;}
.notice_com table thead{}
.notice_com table thead tr{ border-top:2px solid #555; border-bottom:1px solid #555;}
.notice_com table thead tr th{ font-size:15px; color:#333; font-weight:500; padding:15px;} 
.notice_com table thead tr th:nth-of-type(2){ text-align:left; padding-left:350px;}
.notice_com table tbody{}
.notice_com table tbody tr{ border-bottom:1px solid #ccc;}
.notice_com table tbody tr td{ font-size:15px; color:#777; font-weight:300; padding:24px 0; text-align:center; font-weight:300;}
.notice_com table tbody tr td:nth-of-type(2){ text-align:left; padding-left:16px; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_com table tbody tr td p.recurit_txt{ font-size:16px; color:#777; font-weight:300; text-align:center; background-color:#d6d6d6; width:80px; height:30px; line-height:30px; margin:0 auto;}
.notice_com table tbody tr td p.recurit_txt.on{ color:#fff; background-color:#21548d;}

.search_box{ font-size:0; text-align:center; margin-bottom:35px;}
.search_box > *{ display:inline-block; margin-right:5px; border:1px solid #aaa; height:40px; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search_box select{}
.search_box select option{}
.search_box input{ width:300px; padding-left:5px;}
.search_box button{ margin-right:0; border:none; background-color:#333; font-size:14px; color:#fff; font-weight:500; text-align:center; width:100px;}

.page_num{}
.page_num ul{ font-size:0; text-align:center;}
.page_num ul li{ display:inline-block; position:relative; margin-right:4px; width:25px; border:1px solid #dbdbdb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.page_num ul li:last-child{ margin-right:0;}
.page_num ul li a{ display:block; height:31px; line-height:31px; font-size:13px; color:#676767; text-align:center;}
.page_num ul li a.on,
.page_num ul li a:hover{ background-color:#333; color:#fff;}

.notice_view_com{}
.notice_view_com .con_wrap{}
.notice_view_com .con_wrap > .tit{ border-top:1px solid #555; border-bottom:1px solid #555;}
.notice_view_com .con_wrap > .tit p{ font-size:18px; color:#333; text-align:center; padding:17px 0;}
.notice_view_com .con_wrap .content{ padding-bottom:80px; /* border-bottom:1px solid #444; */}
.notice_view_com .con_wrap .content:first-child { border-bottom:1px solid #444;}
.notice_view_com .con_wrap .content .date{ padding-top:15px; margin-bottom:45px;}
.notice_view_com .con_wrap .content .date ul{}
.notice_view_com .con_wrap .content .date ul:after{ display:block; content:''; clear:both}
.notice_view_com .con_wrap .content .date ul li{ font-size:14px; color:#222; font-weight:700;}
.notice_view_com .con_wrap .content .date ul li:nth-of-type(1){ float:left;}
.notice_view_com .con_wrap .content .date ul li:nth-of-type(2){ float:right;}
.notice_view_com .con_wrap .content .txt{}
.notice_view_com .con_wrap .content .txt h3{ font-size:22px; color:#333; font-weight:700; text-align:center;}
.notice_view_com .con_wrap .content .txt img{ display:block; margin:55px auto 32px;}
.notice_view_com .con_wrap .content .txt p{ font-size:17px; color:#555; font-weight:300;}
/* .notice_view_com .con_wrap .content .txt p:nth-of-type(n+2){ margin-top:30px;;} */
.notice_view_com .con_wrap .list_btn{ margin:20px 0 50px 0; text-align: center;}
.notice_view_com .con_wrap .list_btn a{ display: inline-block; border:none; text-align:center; font-size:16px; color:#fff; background-color:#333; width:200px; height:50px; line-height:50px;}
.notice_view_com .con_wrap .list_btn a.apply {background-color: #346bb1;}
.notice_view_com .con_wrap .listBox{ border-top:1px solid #a0a0a0; /* border-bottom:1px solid #a0a0a0; */}
.notice_view_com .con_wrap .listBox .list{border-bottom:1px solid #717171;}
.notice_view_com .con_wrap .listBox .list:first-child{ border-bottom:1px solid #717171;}
.notice_view_com .con_wrap .listBox .list ul{ font-size:0;}
.notice_view_com .con_wrap .listBox .list ul li{ position:relative; display:inline-block; font-size:16px; color:#383838; padding:17px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.notice_view_com .con_wrap .listBox .list ul li:nth-of-type(1){ font-weight:500; background-color:#efefef; text-align:center; width:230px;}
.notice_view_com .con_wrap .listBox .list ul li:nth-of-type(2){ padding-left:30px; width:calc(100% - 230px);}


/* 
	투자정보
*/
/* 투자정보 - 재무정보 */
#finance{}
#finance .con_wrap{}
#finance .con_wrap:after{ display:block; content:''; clear:both;}
#finance .con_wrap .con{ float:left; width:49.16666666667%; margin-right:1.66666666667%;}
#finance .con_wrap .con2{ margin-right:0;}
#finance .con_wrap .con .tit{ margin-bottom:17px;}
#finance .con_wrap .con .tit:after{ display:block; content:''; clear:both}
#finance .con_wrap .con .tit p{ font-size:20px; color:#333; font-weight:700; float:left;}
#finance .con_wrap .con .tit span{ font-size:17px; color:#999; font-weight:300; float:right;}
#finance .con_wrap .con table{}
#finance .con_wrap .con table thead{ border-top:2px solid #034ea2;}
#finance .con_wrap .con table thead tr{ border-bottom:1px solid #ddd;}
#finance .con_wrap .con table thead tr th{ font-size:18px; color:#034ea2; font-weight:700; background-color:#f3f6fa; border-right:1px solid #ddd; padding:20px 0;} 
#finance .con_wrap .con table thead tr th:last-child{ border:none;}
#finance .con_wrap .con table tbody{}
#finance .con_wrap .con table tbody tr{ border-bottom:1px solid #ddd;}
#finance .con_wrap .con table tbody tr td{ border-right:1px solid #ddd; font-size:16px; color:#555; font-weight:300; text-align:right; padding:17px 0;}
#finance .con_wrap .con table tbody tr td:last-child{ border:none;}
#finance .con_wrap .con table tbody tr td:nth-of-type(1){ text-align:center;}
#finance .con_wrap .con table tbody tr td:nth-of-type(n+2){ padding-right:12px;}
#finance .con_wrap .con1 table tbody tr:nth-of-type(3) td,
#finance .con_wrap .con1 table tbody tr:nth-of-type(6) td,
#finance .con_wrap .con1 table tbody tr:last-child td{ background-color:#f6f6f6; font-weight:500;}


/* 
	공시정보
*/
/* 투자정보 - 공시정보 */
#disclosure{}
#disclosure .disclosure_date{ margin-bottom:62px;}
#disclosure .disclosure_date > *{ display:inline-block; position:relative; vertical-align:middle;} 
#disclosure .disclosure_date img{ margin-right:20px;}
#disclosure .disclosure_date .txt{}
#disclosure .disclosure_date .txt p{ font-size:36px; color:#034ea2; margin-bottom:12px; font-weight:900; font-family: 'Montserrat', sans-serif;}
#disclosure .disclosure_date .txt ul{}
#disclosure .disclosure_date .txt ul li{ position:relative; display:inline-block;}
#disclosure .disclosure_date .txt ul li:nth-of-type(1){ font-size:24px; color:#333; font-weight:500;}
#disclosure .disclosure_date .txt ul li:nth-of-type(1):after{ content:''; display:inline-block; width:1px; height:19px; background-color:#d6d6d6; margin:0 11px; vertical-align:middle;}
#disclosure .disclosure_date .txt ul li:nth-of-type(2){ font-size:20px; color:#555; font-weight:300;}
#disclosure table tr td:nth-of-type(1){ color:#333333; font-weight:500;}


/*Recruit*/
#recurit{}
#recurit .inner{}
#recurit .inner .btn_recruit{ float: right; padding: 10px 0;}
#recurit .inner .btn_recruit button{  padding: 10px 10px; background-color: #034ea2; border: none;}
#recurit .inner .btn_recruit button a{ color:#fff;}

/* support
#support{}
#support .inner{}
#support .inner .btn_support{ float: right; padding: 10px 0;}
#support .inner .btn_support button{  padding: 10px 10px; background-color: #034ea2; border: none;}
#support .inner .btn_support button a{ color:#fff;} */

/*이력서*/
#cont {width: 100%; max-width: 1400px; margin: 70px auto 200px; overflow: hidden;}
.resumewrap { min-width:1100px !important; }
.resumeCon section { overflow:hidden; margin-bottom:50px; }
.resumeCon .con_tit { margin-bottom:20px; font-size:20px; font-weight:500; color:#222; }
.resumeCon section > div { float:left; width:49.7%; }
.resumeCon section > div:first-child { margin-right:0.6%; }
.resumeCon .input, .resumeCon .select { width:100%; height:30px; padding:0 5px; font-size:14px; border:1px solid #e1e1e1; box-sizing:border-box; }
.resumeCon section .input.w100, .resumeCon section .select.w100 { width:100px; }
.resumeCon section .input.w70 { width:70px; }
.resumeCon section .input.w50 { width:50px; }
.resumeCon section .input.w200 { width:200px; }
.resumeCon section .input.w500 { width:500px; }
.resumeCon section th .input { width:90%; }
.resumeCon section textarea { width:100%; height:70px; padding:5px; font-size:14px; border:1px solid #e1e1e1; box-sizing:border-box; }

.tableStyle1 { border-top:1px solid #054594; font-size:16px; font-weight:300; text-align:center; }
.resumeCon section table + table { margin-top:10px; }
.td_left { text-align:left; }
.tableStyle1 th, .tableStyle1 td { height:40px; padding:10px 20px; border:1px solid #ddd; border-top:none; }
.tableStyle1.no_br th, .tableStyle1.no_br td { border-right:none; }
.tableStyle1 th { text-align:center; color:#222; padding:10px 0; letter-spacing:-0.07em; font-weight:300; background:#f6f6f6; }
.tableStyle1.style2 th { background:#eff5fd; }
/*.resumeCon section > div:last-child th {border-left:none;}*/
.tableStyle1 th .add { display:block; float:right; width:19px; height:19px; margin-right:20px; line-height:18px; color:#999; border:1px solid #ccc; background:#fff; border-radius:3px; }
.tableStyle1 td { /*line-height:1.4em;*/line-height:1.5em; }
.write .tableStyle1 td { padding:10px; color: #000;}
.tableStyle1 td span { display:inline-block; margin-right:5px; }
.tableStyle1 td span.middle { margin:0 5px; }

.resumeCon .tit { font-weight:300; }
.resumeCon .tit div { width:100%; padding:20px 20px; margin-bottom:10px; font-size:22px; color:#999; text-align:center; border:1px solid #c4cad0; box-sizing:border-box; }
.resumeCon .tit .titTable th, .resumeCon .tit .titTable td { height:78px; padding:0 30px; font-size:18px; color:#222; border:1px solid #c4cad0; }
.resumeCon .tit .titTable th { color:#054594; font-weight:300; }
.resumeCon .tit .titTable span { margin:0 0 0 10px; }

.section01 .profile { display:inline-block; width:160px; height:180px; padding:5px; border:1px solid #ddd; background:#fff; box-sizing:border-box; overflow:hidden; }
.section01 .profile > div { position:relative; height:100%; overflow:hidden; }
.section01 .profile img { position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; width:100%; min-height:100%; height:auto; margin:auto; box-sizing:border-box; }
.section01 label { display:block; width:160px; height:34px; line-height:34px; margin:8px auto 0; font-size:13px; color:#999; border:1px solid #ddd; background:url(/img/sub/file_up.png) 87% center no-repeat #fff; box-sizing:border-box; cursor:pointer; }
.section01 .upload-hidden { display:none; }

.section03 .army .select { float:left; width:15%; margin-right:1%; }
.section03 .army .input { float:left; width:84%; }

.section09 .left { width:60%; margin-right:0.7%; }
.section09 .right { width:39.3%; }
.resumeCon .section09 > div:last-child th {border-left:1px solid #ddd;}

.section22 { font-size:16px; font-weight:300; }
.section22 .introduce { width:100%; min-height:150px; padding:10px; margin-bottom:15px; border:1px solid #ddd; border-top-color:#054594; box-sizing:border-box; }
.section22 .introduce textarea { height:130px; border:none; }
.section22 p { clear:both; line-height:1.4em; }

.section23 .tableStyle1 th, .section23 .tableStyle1 td { height:80px; }

.resumeCon .infoTxt { margin:-25px 0 50px; font-size:17px; line-height:1.4em; }
.resumeCon .btns { text-align:center; }
.resumeCon .btn_submit { width:200px; height:50px; line-height:50px; color:#fff; text-align:center; font-size:16px; font-weight:250; border:none; background:#555; cursor:pointer; }

/*이력서수정*/
.resumeCon.v2 .tit_section { display:table; width:100%; table-layout:fixed; }
.resumeCon.v2 .tit_section .resumeLogo { float:none; display:table-cell; width:196px; text-align:center; vertical-align:middle; }
.resumeCon.v2 .tit_section .resumeLogo img { max-width:90%; max-height:100%; }
.resumeCon.v2 .tit_section .con_tit { display:table-cell; width:25px; padding-top:85px; }
.resumeCon.v2 .tit_section .tit { float:none; display:table-cell; width:auto; vertical-align:middle; }
.resumeCon.v2 .tit_section .tit .titTable th, .resumeCon.v2 .tit_section .tit .titTable td { height:55px; }
.resumeCon.v2 .tit_section .tit .titTable th { color:#222; background:#f6f6f6; }
.resumeCon.v2 table + .mt0 { margin-top:0; border-top:none; }
.resumeCon.v2 .addCell { display:inline-block; width:19px; height:19px; margin-left:20px; text-align:center; line-height:18px; color:#999; border:1px solid #ccc; background:#fff; border-radius:3px; }
.resumeCon.v2 .section22 th, .resumeCon.v2 .section24 th { padding:10px; }
.resumeCon.v2 .section22 th .input, .resumeCon.v2 .section24 th .input { width:100%; }
.resumeCon.v2 .section23 div { width:100%; border:1px solid #ddd; border-top-color:#054594; border-bottom:none; padding:30px; box-sizing:border-box; }
.resumeCon.v2 .section23 div p { font-size:20px; line-height:1.6em; }
.resumeCon.v2 .section23 table { border-top-color:#ddd; }

/*윤리강령*/
#ethics{}
#ethics .top .tit{ margin-bottom:35px;}
#ethics .top .tit p{ font-size:18px; color:#333; text-align:center; line-height: 1.3;}
#ethics .top .img{}

#ethics .con{ padding:45px 50px 15px 50px; /*border-bottom:1px solid #e5e5e5;*/}
#ethics .con:last-child{ border-bottom:0;}
#ethics .con .txtBox{ font-size:0; display:initial;}
#ethics .con .txtBox > *{ display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#ethics .con .txtBox .s_tit{ width:335px;}
#ethics .con .txtBox .s_tit p{ font-size:26px; color:#333; font-weight:700; font-family:'NanumSquare',sans-serif; line-height: 1.3; margin-left: 1.3em; text-indent: -1.3em;}
#ethics .con .table_box { display: inline-block; padding:0 0 20px 0;  /*width:50%;*/width:100%;text-align: center; margin-top:15px;}
#ethics .con .table_box tr{font-size:15px; font-weight:400; border-left: none; border-right: none; border-top: 1px solid #000;  border-bottom: 1px solid #000;} 
#ethics .con .table_box tr .box{font-size:15px; font-weight:400;/* border: 1px solid #000;*/  width:40%;padding:15px 10px; background-color:#fff; color:#034ea2; text-align:center;} 
#ethics .con .table_box tr .box2 {border-left: 1px solid #000;}
#ethics .con .table_box tr td {/*border: 1px solid #000;*/ padding:10px 10px;text-align:left;font-weight: 400;color: #000;}

#ethics .con .txtBox .content{ width:calc(100% - 335px); line-height: 1.6;}
#ethics .con .txtBox .content .b_txt { font-weight:700; font-family:'NanumSquare',sans-serif; padding-bottom:10px;}
#ethics .con .txtBox .content .s_txt { padding-bottom:20px;}
#ethics .con .txtBox .content > p{ font-size:18px; color:#333; font-weight:300; line-height:1.5;  margin-left: 1.3em; text-indent: -0.5em;}
#ethics .con .txtBox .content:after{ display:block; content:''; clear:both;}
#ethics .con .txtBox .content .listBox1{ float:left;}
#ethics .con .txtBox .content .listBox1:nth-of-type(1){ width:485px;}
#ethics .con .txtBox .content .listBox1:nth-of-type(2){ width:calc(100% - 485px)}
#ethics .con .txtBox .content .listBox1 .list{ font-size:0;}
#ethics .con .txtBox .content .listBox1 .list > *{ display:inline-block; position:relative; vertical-align:middle;}
#ethics .con .txtBox .content .listBox1 .list:nth-of-type(n+2){ margin-top:16px;}
#ethics .con .txtBox .content .listBox1 .list img{ margin-right:18px;}
#ethics .con .txtBox .content .listBox1 .list p{ font-size:17px; color:#555; font-weight:300;}
#ethics .con .txtBox .content .listBox2{}
#ethics .con .txtBox .content .listBox2 .list{ display:inline-block; position:relative; vertical-align:top; margin-right:17px;}
#ethics .con .txtBox .content .listBox2 .list:last-child{ margin-right:0;}
#ethics .con .txtBox .content .listBox2 .list img{}
#ethics .con .txtBox .content .listBox2 .list p{ font-size:16px; color:#333; font-family:'NanumSquare',sans-serif; padding-top:15px;}
#ethics .con1{ font-size:0;}
#ethics .con1 dl{ display:inline-block;}
#ethics .con1 dl:nth-of-type(1){ margin-right:95px;}
#ethics .con1 dl > *{ display:inline-block; position:relative; color:#333; font-size:18px;}
#ethics .con1 dl dt{ font-weight:700; margin-right:35px; font-family:'NanumSquare',sans-serif;}
#ethics .con1 dl dd{ font-weight:300; }


/* 24.01.24 */
.trademark { margin:0 auto; max-width:1200px; width:100%; }
.trademark * { box-sizing:border-box; }
.trademark .tab { margin-top:30px; }
.trademark .tab > ul { display:flex; justify-content:center; gap:0 10px; }
.trademark .tab > ul > li { width:150px; height:50px; }
.trademark .tab > ul > li a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:#555; }
.trademark .tab > ul > li a span { color:#fff; font-size:18px; font-weight:700; line-height:1.3; font-family: 'NanumSquare', sans-serif; }
.trademark .tab > ul > li.on a { background:#034ea2; }
.trademark .tabCont { margin-top:30px; }
.trademark .trademark-cont { display:none }
.trademark .trademark-cont.on { display:block }
.trademark .trademark-cont p.tit { color:#333; font-size:20px; font-weight:800; line-height:1.3; letter-spacing:-0.05em; font-family: 'NanumSquare', sans-serif; }
.trademark .trademark-cont .table-box { margin-top:22px; }
.trademark .trademark-cont .table-box table { width:100%; border-top:2px solid #555; }
.trademark .trademark-cont .table-box table thead th { height:46px; border-bottom:1px solid #555; text-align:center; color:#333; font-size:15px; font-weight:500; line-height:1.3; }
.trademark .trademark-cont .table-box table tbody th,
.trademark .trademark-cont .table-box table tbody td { padding:10px 10px; height:50px; border-bottom:1px solid #ccc; text-align:center; color:#777; font-size:15px; font-weight:300; line-height:1.3; }
.trademark .trademark-cont .table-box table tbody td.td-left { text-align:left; }
.trademark .trademark-cont .table-box table img { max-width:195px; height:auto; }

/* 25.03.12 */
.product_n_com { margin-top: 70px;}
.product_n_com .con_wrap .box { position: relative; background-color: #FFF; width: 100%; max-width: 1200px; height: 620px; padding: 60px 40px; box-shadow: 1px 1px 20px 4px #efefef; box-sizing: border-box; margin:0 auto; }
.product_n_com .con_wrap .slick-slider { width: 100%; height: 100%; }
.product_n_com .slick-arrow{ position:absolute; top:50%; border:none; background-color:transparent; text-indent:-9999px; width:62px; height:62px; border-radius:50%; border:1px solid #999999; z-index:2; transform:translateY(-50%); }
.product_n_com .slick-arrow.slick-prev{ background:url('/img/sub/product/slick_prev.svg') no-repeat center; left:-125px;}
.product_n_com .slick-arrow.slick-next{ background:url('/img/sub/product/slick_next.svg') no-repeat center; right:-125px;}

.product_n_com .slick-dots{ position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); }
.product_n_com .slick-dots li{ display:inline-block; vertical-align:middle; margin-right:7px;} 
.product_n_com .slick-dots li:last-child{ margin:0;}
.product_n_com .slick-dots li button{ width:8px; height:8px; padding:0; border:none; background-color:#bebebe; text-indent:-9999px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}    
.product_n_com .slick-dots li.slick-active button{ width:20px; background-color:#034ea2;}
.product_n_com .con_wrap .box .imgBox { width: 100%; height: 100%; }
.brand_logo { position:relative; width: 100%; text-align: center; padding-bottom: 19px; }
.brand_logo::after { content:""; position: absolute; left: 50%; bottom:0; display: block; width: 100%; max-width: 540px; height: 1px; background-color: #BBB; transform:translate(-50%, -50%); }
.brand_logo img { display: inline-block; }
.brand_info { margin-top: 50px; }
.info_list > li { font-size: 18px; line-height: 1.3; letter-spacing: 0; color: #333; text-align: center; }
.info_list > li + li { margin-top: 15px; }
.info_list > li > em { font-weight: 600; color: var(--main-color); }
.info_list > li > b { font-weight: 700; color: #111; }
.brand_mark { display: flex; justify-content:center; gap:50px; margin-top: 50px; }
.conBox .title { display:block; width:fit-content; padding: 8px 18px; font-family: 'NanumSquare', sans-serif; font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--main-color); border-radius:5px; background-color: #EAF0F5; margin:0 auto; }
.conBox .sub-title { width:fit-content; font-family: 'NanumSquare', sans-serif; font-size: 22px; font-weight: 700; line-height: 1.3; letter-spacing: 0; color: #000;  margin:0 auto;} 
.con_img .line { position: relative; width: 670px; height: 30px; border: 1px solid #CCCCCC; border-bottom:none; margin:39px auto 0;);  }
.con_img .line::before { content:""; position: absolute; left: 50%; top: -40px; display: block; width: 1px; height:39px; background-color: #CCC; transform:translateX(-50%)); }
.con_img .img_list { display: flex; justify-content:center; gap:20px; }
.con_img .img_list > li { position: relative; box-sizing: border-box; }
.con_img .img_list > li img { width: 100%; }
.con_img .img_list > li::after { content:""; position: absolute; left: 50%; top: -31px; display: block; width: 1px; height: 30px; background-color: #CCC; transform:translateX(-50%); }
.con_img .img_line { border: 1px solid #DDDDDD; }
.con_img .img_list > li:first-child::after{ display: none; }
.con_img .img_list > li:last-child::after{ display: none; }

.conBox table { font-family: 'NanumSquare', sans-serif; margin-top: 50px; border-top: 1px solid var(--main-color); border-bottom: 1px solid #CCCCCC; }
.conBox table th { height: 40px; font-size: 16px; font-weight: 700; line-height: 1.3; color: #222; background-color: #EAF0F5; border-left: 1px solid #CCCCCC; }
.conBox table td { height: 60px; font-size: 16px; line-height: 1.5; font-weight: 400; color: #333; text-align: center; border-left: 1px solid #CCCCCC; }
.conBox table th:first-child, .conBox table td:first-child { border-left:none; }
.conBox table .text_box { width: 100%; padding: 20px 30px 52px; display: flex; flex-wrap:wrap; gap:20px; text-align: left; box-sizing:border-box; }
.conBox table .text_list { width: calc(50% - 10px); }
.conBox table .text_list > li { font-size: 16px; line-height: 1.5; color: #333; }
.conBox table .text_list > li .name { margin-right: 10px; white-space:nowrap; }
.conBox table .text_list > li .name::before { content:"#"; display: inline-block; color:var(--main-color);}
.conBox table .text_list > li + li { margin-top: 10px; }
.conBox table .text_list > li::before { content:"#"; color:var(--main-color); }
.conBox table .text_list > li.flex{ display: flex; }
.conBox table .text_list > li.none::before { display: none; }
.conBox table .text_list > li a { font-size: inherit; line-height: inherit; color:var(--main-color); text-decoration:underline; word-break:break-all;  }
.conBox table .text_list > li b { font-weight: 700; }
.conBox table .text_list > li em { color:#B73030; }
.con_img.col-4 .img_list { gap:13px; }
.con_img.col-4 .line { width: 846px; }
.bottom-text_box { margin-top: 31px; }
.bottom-text_box .mo-br { display: none; }
.bottom-text_box p { font-size: 18px; line-height: 1.3; letter-spacing: 0; color: #333; text-align: center; }
.bottom-text_box p + p { margin-top: 5px; }

.link_box { position: absolute; right: 0; top:-61px; display: flex; justify-content:right; column-gap:10px; }
.link_box a { display: flex; align-items:center; column-gap:10px; border:1px solid #DDDDDD; padding: 10px; background-color: #fff; }
.link_box a span { font-size: 16px; line-height: 1.3; letter-spacing: -0.02em; color: #333; }
.history_list { max-width:905px; margin: 46px auto 0; }
.history_list > li { display: flex; }
.history_list > li + li { margin-top: 30px; }
.history_list .year { width: 99px; font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: 0; color: var(--main-color); }
.history_list .text_box { width: calc(100% - 99px); }
.history_list .text_box > p { font-size: 16px; line-height: 1.5; letter-spacing: 0; color: #444; }
.con_product .brand_logo { padding-bottom: 0; }
.con_product .brand_logo::after { display: none; }
.con_product .img_list { display: flex; flex-wrap:wrap; margin-top: 30px; gap:10px; }
.con_product .img_list li { width: calc((100% - 50px
)/6); }
.con_product .img_list li img { width: 100%; }
.con_product .img_list .name { width: 100%; height: 51px; display: flex; justify-content:center; align-items:center; font-size: 18px; line-height: 1.3; letter-spacing: 0; color: #333; background-color: #E5EEF6; text-align: center; }
.product_info { display: flex; flex-wrap:wrap; gap: 0 23px; margin-top: 30px; }
.product_info table { width: calc(50% - 16.5px); margin-top: 0; border-right: 1px solid #DDDDDD; border-color:#DDDDDD; }
.product_info table tr { border-bottom:1px solid #CCCCCC; }
.product_info table tr:last-child { border-bottom: none; }
.product_info table th { padding: 6px; }
.product_info table td { padding: 6px 18px; text-align: left; }
.video_area { max-width:660px; margin: 30px auto 0; }
.video_box { overflow:hidden; position: relative; width: 100%;  }
.video_box::before { content:""; display: block; height: 0; padding-top: 47.8%; }
.video_box iframe { position:absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform:translate(-50%, -50%); }

@media screen and ( max-width:1024px){
	.trademark .tab { margin-top:20px; }
	.trademark .tab > ul { gap:0 10px; }
	.trademark .tab > ul > li { width:140px; height:45px; }
	.trademark .tab > ul > li a span { font-size:16px; }
	.trademark .tabCont { margin-top:20px; }
	.trademark .trademark-cont p.tit { font-size:18px; }
	.trademark .trademark-cont .table-box { margin-top:18px; }
	.trademark .trademark-cont .table-box table thead th { height:44px; font-size:14px; }
	.trademark .trademark-cont .table-box table tbody th,
	.trademark .trademark-cont .table-box table tbody td { padding:8px 10px; height:45px; font-size:14px; }
	.trademark .trademark-cont .table-box table img { max-width:155px; }
}
@media screen and ( max-width:860px){
	.trademark .trademark-cont .table-box { overflow-x:scroll; }
	.trademark .trademark-cont .table-box table { width:900px; }
	.trademark .trademark-cont .table-box table img { max-width:135px; }
}

/* 25.03.12 */
@media screen and ( max-width:1400px) {
	.product_n_com .con_wrap .box {padding: 60px 70px; }
	.product_n_com .slick-arrow { width: 50px; height: 50px; }
	.product_n_com .slick-arrow.slick-prev { left: -60px; }
	.product_n_com .slick-arrow.slick-next { right: -60px; }

	.con_product .img_list .name { font-size: 14px; }
}
@media screen and ( max-width:1200px){
	.product_n_com .con_wrap .box { height: auto; }
	.product_n_com .slick-track { display: flex; align-items:center; }
	.con_img .line { width: min(55.83vw, 670px); }
	.con_img.col-4 .line { width: min(70.5vw, 846px); }
	.conBox table .text_list {width: 100%; }
	.product_info table th { font-size: 14px; }
}
@media screen and ( max-width:1024px) {
	.info_list > li { font-size: 16px; }
	.info_list > li > br { display: none; }
	.conBox table td,.conBox table .text_list > li { font-size: 14px; }
	.bottom-text_box p { font-size: 14px; }
	.bottom-text_box .mo-br { display: inline; }
	.history_list .year { width: 84px; font-size: 18px; }
	.history_list .text_box { width: calc(100% - 84px); }
	.history_list .text_box > p { font-size: 14px; }
	.con_product .img_list { max-width:400px;  margin: 30px auto 0; }
	.con_product .img_list li { width: calc((100% - 20px)/3); }
	.con_product .img_list .name { font-size: 13px; }

	.product_info table { width: 100%; border-color:#CCC; }
	.product_info table:last-child { border-top:none; }
	.conBox table th,.conBox table td { height: 50px; }
}
@media screen and ( max-width:768px) {
    .product_n_com .con_wrap .box { padding: 60px 10px 60px; }
	.brand_logo img { width: 120px; }
	#product4 .brand_logo img { width: 150px; }
	.brand_mark { gap:20px; }
	.info_list > li { font-size: 14px; }
	.slickBox .conBox  { margin-top: 80px; }
	.slickBox .conBox:first-child { margin-top: 0; }
	.conBox .title { font-size: 16px; }
	.con_img .line, .con_img .img_list > li::after { display: none; }
	.con_img .img_list { flex-wrap:wrap; align-items:center; max-width:500px; margin:40px auto; 0 }
	.con_img.col-4 .img_list { gap:20px; }
	.con_img .img_list > li { width: calc(50% - 10px);}
	.con_product .img_list { max-width: 600px; }
	.conBox table { margin-top: 40px; }
	.conBox table .text_box { padding: 10px; }
	.conBox table .text_list > li br:not(.mo-br) { display: none; }
	.conBox .product_info table:last-child { margin-top: 0; }

	.link_box { top:-46px; }
	.link_box a { padding: 6px; }
	.link_box a span { font-size: 14px; }
}



/* 
	알루미늄 사업부
*/
#aluminium{ font-family: 'NanumSquare', sans-serif; }
#aluminium .autoHeight .box{ height: auto; }
#aluminium .conBox *{ letter-spacing: -0.02em; }
#aluminium .conBox .table th,
#aluminium .conBox .table td{ border: 1px solid #CCC; }
#aluminium .conBox .table th{ background: #F4F4F4; }

#aluminium .conBox .grid_box{ box-sizing: border-box; padding: 0 30px; }
#aluminium .conBox .grid_box{ display: grid; grid-template-columns: 420px calc(100% - 420px); align-items: center; }

#aluminium .conBox .grid_box .left img{ width: 100%; }
#aluminium .conBox .grid_box .left .imgBox{ max-width: 420px; height: auto; margin: 0 auto; position: relative; }
#aluminium .conBox .grid_box .left .imgBox .slick-arrow{ width: 8px; height: 13px; color: transparent; top: 50%; border: none; transform: translateY(-50%); }
#aluminium .conBox .grid_box .left .imgBox .slick-prev{ background: url('/img/sub/product/product_prev.png') no-repeat center; left: -22px; }
#aluminium .conBox .grid_box .left .imgBox .slick-next{ background: url('/img/sub/product/product_next.png') no-repeat center; right: -22px; }
#aluminium .conBox .grid_box .left .imgBox .slick-dots{ position: static; transform: unset; margin-top: 10px; pointer-events: none; }
#aluminium .conBox .grid_box .left .imgBox .slick-dots li button{ color: transparent; } 
#aluminium .slick-active .conBox .grid_box .left .imgBox .slick-dots{ pointer-events: auto; }

#aluminium .conBox .grid_box .right{ padding-left: 128px; }
#aluminium .conBox .grid_box .right p{ min-height: 6.4em; font-size: 17px; font-weight: 300; color: #555; line-height: 1.6; }
#aluminium .conBox .grid_box .right dl dt{ border-bottom: 1px solid #E5E5E5; font-size: 34px; font-weight: 700; color: #333; line-height: 1.3; padding: 20px 0 40px; margin-bottom: 40px; position: relative; }
#aluminium .conBox .grid_box .right dl dt.s{ font-size: 24px; }
#aluminium .conBox .grid_box .right dl dt::before{ content: ""; width: 16px; height: 4px; background: #034EA2; position: absolute; top: 0; left: 0; }
#aluminium .conBox .grid_box .right dl dd{ min-height: 6em; font-size: 17px; font-weight: 300; color: #555; line-height: 1.5; }
#aluminium .conBox .grid_box .right dl + .table{ margin-top: 30px; }
#aluminium .conBox .grid_box .right .table colgroup col:nth-of-type(1){ width: 100px; }
#aluminium .conBox .grid_box .right .table colgroup col:nth-of-type(2){ width: 130px; }
#aluminium .conBox .grid_box .right .table th,
#aluminium .conBox .grid_box .right .table td{ height: unset; font-size: 14px; color: #000; text-align: center; padding: 10px; }
#aluminium .conBox .grid_box .right .table th{ font-weight: 400; background: #F4F4F4; }
#aluminium .conBox .grid_box .right .table td{ font-weight: 300; }


/* 알루미늄 사업부 - 2차 전지 */
#aluminium.secondary p{ margin-bottom: 40px; }


/* 알루미늄 사업부 - 생산공정 */
#aluminium.process .innerBox{ max-width: 920px; min-height: 590px; display: flex; flex-direction: column; justify-content: center; padding: 10px 0; margin: 0 auto; }
#aluminium.process .innerBox.start{ align-items: unset; }
#aluminium.process .tit{ text-align: center; margin-bottom: 40px; }
#aluminium.process .tit span{ display: block; font-size: 17px; font-weight: 700; color: #4A87C1; margin-bottom: 15px; }
#aluminium.process .tit h3{ font-size: 34px; font-weight: 700; color: #333; letter-spacing: -0.02em; }
#aluminium.process .tit h3 em{ font-size: 20px; }
#aluminium.process .tit p{ min-height: 3em; font-size: 18px; font-weight: 300; color: #000; line-height: 1.5; margin-top: 17px; }

#aluminium.process .diagram,
#aluminium.process .diagram *{ box-sizing: border-box; }
#aluminium.process .diagram{ flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; }
#aluminium.process .diagram > div{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#aluminium.process .diagram .item{ width: calc((100% + 80px) / 5); background: rgba(74, 135, 193, 0.3); border-radius: 50%; padding: 20px; margin-right: -20px; position: relative; }
#aluminium.process .diagram .item:last-of-type{ margin-right: 0; }
#aluminium.process .diagram .item::before{ content: ""; display: block; background: #FFF; border-radius: 50%; padding-bottom: 100%; }
#aluminium.process .diagram .item p{ font-size: 25px; font-weight: 700; color: #000; line-height: 1.3; text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
#aluminium.process .diagram .item p span{ display: block; font-size: 18px; }

#aluminium.process .gallery{ display: grid; grid-template-columns: repeat(2, 50%); margin: -5px; }
#aluminium.process .gallery li{ margin: 5px; }


/* 알루미늄 사업부 - R&D */
#aluminium.rnd .conBox{ padding: 10px 0; }
#aluminium.rnd .innerBox{ max-width: 920px; margin: 0 auto; }
#aluminium.rnd h3{ font-size: 34px; font-weight: 700; color: #333; text-align: center; margin-bottom: 60px; }

#aluminium.rnd .quotes{ font-size: 26px; font-weight: 700; color: #111; line-height: 1.3; text-align: center; padding: 30px 100px; margin-bottom: 60px; position: relative; } 
#aluminium.rnd .quotes::before,
#aluminium.rnd .quotes::after{ content: ""; width: 83px; height: 69px; position: absolute; }
#aluminium.rnd .quotes::before{ background: url("/img/sub/aluminium/icon_quotes01.png") no-repeat top left / contain; top: 0; left: 0; }
#aluminium.rnd .quotes::after{ background: url("/img/sub/aluminium/icon_quotes02.png") no-repeat bottom right / contain; bottom: 0; right: 0; }

#aluminium.rnd .pBox p{ font-size: 18px; font-weight: 300; color: #000; line-height: 1.5; }
#aluminium.rnd .pBox p:not(:last-of-type){ margin-bottom: 40px; }

#aluminium.rnd .dlBox dl:not(:last-of-type){ margin-bottom: 40px; }
#aluminium.rnd .dlBox dl dt{ font-size: 22px; font-weight: 700; color: #346BB1; margin-bottom: 20px; }
#aluminium.rnd .dlBox dl dt span{ display: inline-block; padding: 5px 0; border-bottom: 1px solid #346BB1; }  
#aluminium.rnd .dlBox dl dd{ font-size: 18px; font-weight: 300; color: #000; line-height: 1.5; }
#aluminium.rnd .dlBox dl dd ul li{ padding-left: 24px; position: relative; box-sizing: border-box; }
#aluminium.rnd .dlBox dl dd ul li:not(:last-of-type){ margin-bottom: 10px; }
#aluminium.rnd .dlBox dl dd ul li::before{ content: ""; width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; top: calc(1.5em / 2); left: 0; transform: translateY(-50%); }
#aluminium.rnd .dlBox.grid{ display: grid; grid-template-columns: repeat(2, 50%); margin: -20px -10px; }
#aluminium.rnd .dlBox.grid dl{ margin: 20px 10px; }

#aluminium.rnd .table{ max-width: 1040px; margin: 0 auto; }
#aluminium.rnd .table th{ font-size: 21px; padding-block: 15px; }
#aluminium.rnd .table td{ height: auto; line-height: 1.3; padding-block: 10px; }
#aluminium.rnd .table td div{ min-height: 70px; display: flex; flex-direction: column; justify-content: center; }
#aluminium.rnd .table td p{ margin-top: 5px; }

@media screen and (max-width: 1700px){
	#aluminium .conBox .grid_box{ padding: 0; }
	#aluminium .conBox .grid_box .right dl dt{ font-size: 1.8rem; }
	#aluminium .conBox .grid_box .right dl dd{ font-size: 1.0rem; }

	/* 알루미늄 사업부 - 생산공정 */
	#aluminium.process .tit h3{ font-size: 1.8rem; }
	#aluminium.process .tit h3 em{ font-size: 18px; }

	/* 알루미늄 사업부 - R&D */
	#aluminium.rnd h3{ font-size: 1.8rem; }
	#aluminium.rnd .dlBox dl dt{ font-size: 20px; } 

	#aluminium.rnd .quotes{ font-size: 23px; padding: 25px 90px; } 
	#aluminium.rnd .quotes::before,
	#aluminium.rnd .quotes::after{ width: 70px; height: 58px; }

	#aluminium.rnd .table th{ font-size: 18px; }
}

@media screen and (max-width: 1200px){
	#aluminium .conBox .grid_box{ grid-template-columns: repeat(1, 100%); }
	#aluminium .conBox .grid_box .imgBox{ margin-bottom: 40px !important; }

	#aluminium .conBox .grid_box .right{ padding-left: 0; }
	#aluminium .conBox .grid_box .right dl br{ display: none; }
	#aluminium .conBox .grid_box .right dl dt{ padding-bottom: 20px; margin-bottom: 20px; }
	#aluminium .conBox .grid_box .right dl dd{ min-height: auto; }
	#aluminium .conBox .grid_box .right p{ min-height: auto; text-align: center; margin: 0 10%; }
	#aluminium .conBox .grid_box .right p br{ display: none; }
	#aluminium .conBox .grid_box .right dl + .table{ margin-top: 20px; }

	/* 알루미늄 사업부 - 생산공정 */
	#aluminium.process .tit br{ display: none; }
	#aluminium.process .tit p{ min-height: unset; }
}

@media screen and (max-width: 900px){
	#aluminium.process .diagram{ max-width: 600px; width: 100%; margin: 0 auto; }
	#aluminium.process .diagram > div{ margin-bottom: 7.5%; }
	#aluminium.process .diagram .item{ width: calc((100% + 40px) / 3); margin-bottom: -7.5%; }
	#aluminium.process .diagram .item:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 767px){
	#aluminium .conBox .grid_box .imgBox{ margin-bottom: 20px !important; }

	#aluminium .conBox .grid_box .right dl dt{ font-size: 24px; text-align: center; }
	#aluminium .conBox .grid_box .right dl dt::before{ left: 50%; transform: translateX(-50%); }
	#aluminium .conBox .grid_box .right p{ font-size: 16px; }

	/* 알루미늄 사업부 - 생산공정 */
	#aluminium.process .innerBox{ min-height: unset; }
	#aluminium.process .tit{ margin-bottom: 20px; }
	#aluminium.process .tit h3{ font-size: 24px; }
	#aluminium.process .tit h3 em{ font-size: 16px; }
	#aluminium.process .tit p{ font-size: 16px; }

	#aluminium.process .diagram{ margin-top: 10px; }
	#aluminium.process .diagram .item p{ font-size: 20px; }
	#aluminium.process .diagram .item p span{ font-size: 16px; }

	/* 알루미늄 사업부 - R&D */
	#aluminium.rnd .conBox{ padding: 0; }
	#aluminium.rnd .conBox02{ margin-top: 40px; }
	#aluminium.rnd h3{ font-size: 24px; margin-bottom: 30px; }
	#aluminium.rnd h3:not(.block){ display: none; }
	#aluminium.rnd .dlBox dl dt{ font-size: 18px; margin-bottom: 15px; } 
	#aluminium.rnd .dlBox dl dd{ font-size: 16px; }
	#aluminium.rnd .dlBox dl dd ul li{ padding-left: 18px; }
	#aluminium.rnd .dlBox.grid{ grid-template-columns: repeat(1, 100%); }

	#aluminium.rnd .quotes{ font-size: 19px; padding: 15px 50px; margin-bottom: 30px; } 
	#aluminium.rnd .quotes::before,
	#aluminium.rnd .quotes::after{ width: 45px; height: 38px; }
	#aluminium.rnd .quotes span{ display: block; }

	#aluminium.rnd .pBox p{ font-size: 16px; }
	#aluminium.rnd .pBox p:not(:last-of-type){ margin-bottom: 25px; }

	#aluminium.rnd .table th{ font-size: 15px; padding-block: 8px; }
}

@media screen and (max-width: 600px){
	/* 알루미늄 사업부 - 생산공정 */
	#aluminium.process .diagram > div{ margin-bottom: 8%; }
	#aluminium.process .diagram .item{ width: calc((100% + 30px) / 3); padding: 15px; margin-right: -15px; margin-bottom: -8%; }

	/* 알루미늄 사업부 - R&D */
	#aluminium.rnd .quotes{ padding-inline: 55px; }
	#aluminium.rnd .quotes::before,
	#aluminium.rnd .quotes::after{ width: 30px; height: 26px; }
}