@charset "utf-8";

/* font */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url(/resources/fonts/NotoSansKR-Light.woff2) format('woff2'),
	url(/resources/fonts/NotoSansKR-Light.woff) format('woff');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 600;
	src: url(/resources/fonts/NotoSansKR-Medium.woff2) format('woff2'),
	url(/resources/fonts/NotoSansKR-Medium.woff) format('woff');
}

/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, thead, tbody, th, td, form, fieldset, legend, input, textarea, button, select {padding:0; margin:0;}
body {font-family:'NotoSans', sans-serif, Helvetica; font-size:16px; font-weight:400; color:#333; letter-spacing:-0.5px; line-height:1.5;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6 {font-family:'NotoSans', sans-serif, Helvetica; font-size:100%; color:#000; letter-spacing:-0.5px;}
fieldset, img, button {border:0;}
textarea, input{font-family:'NotoSans', sans-serif, Helvetica;}
img, input, button {vertical-align:top;}
table {border-collapse:collapse;}
table th, table td{background-clip:padding-box;}
address, em{font-style:normal;}
ol, ul {list-style:none;}
hr {display:none;}
a {text-decoration:none; color:#333; letter-spacing:-0.5px;}
a:hover, a:focus {text-decoration:none;}
legend {position:absolute; left:-9999px; top:0;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button {background:none; font-family:'NotoSans', sans-serif, Helvetica; cursor:pointer; font-size:16px;}
button::-moz-focus-inner {padding:0; border:0;}
sup {font-size:14px;}
iframe{border:0; margin:0; vertical-align:top;}
video{display:block;}
input[type="text"]{padding:0 15px; border:1px solid #ccc; line-height:45px; height:45px; box-sizing:border-box; font-size:16px; color:#333;}
input[type="text"].w100{width:100%;}
input[type="text"]::placeholder{color:#666;}
textarea{padding:18px; border:1px solid #ccc; font-size:16px; color:#333; box-sizing:border-box;}
textarea::placeholder{font-size:16px; color:#333;}
select{opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
b{font-weight:bold;}

.blind {display:block; overflow:hidden; position:absolute !important; left:0; top:0; width:0px; height:0px; padding:0; margin:0; font-size:0 ;line-height:0; text-indent:-9999px;}
.behind{overflow:hidden; text-indent:-9999px; font-size:0;}

.point_txt{color:#2C7CD8;}
.mt10{margin-top:10px;}


/* button */
.btn_wrap{display:flex; gap:20px; margin-top:60px;}
.btn_wrap.center{justify-content:center;}
.btn_wrap.right{justify-content:end;}
.btn{text-align:left; display: inline-flex; gap:12px; justify-content:center; align-items: center; min-width: 160px; height: 60px; white-space:nowrap; box-sizing: border-box; padding: 0 30px; position: relative; z-index:1; font-size: 18px; color: #333; font-weight: 600; transition: color 0.3s;}
.btn.sm{min-width:140px; height:48px; padding:0 20px; font-size:16px;}
.btn:before{content: ""; z-index: -1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #ccc; border-radius: 60px; background: #fff; clip-path: polygon(0 0, 110% 0, 110% 100%, 0 110%); will-change: clip-path, -webkit-clip-path; box-sizing: border-box;}
.btn:after{ content: ""; z-index: -1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #2C7CD8; border-radius: 30px; background: #fff; clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); will-change: clip-path, -webkit-clip-path; box-sizing: border-box;}
.btn i{content: ""; width: 16px; height: 16px; position:relative; display:block;}
.btn i:before{content: ""; display: block; width: 100%; height: 100%; background-repeat:no-repeat; background-size:100%; background-position:center; position: absolute; opacity: 1;}
.btn i:after{content: ""; display: block; width: 100%; height: 100%; background-repeat:no-repeat; background-size:100%; background-position:center; position: absolute; opacity: 0;}
.btn:focus{border-radius:60px;}
.btn:hover,
a:hover .btn{color: #2C7CD8;}
.btn:hover:before,
a:hover .btn:before{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.btn:hover:after,
a:hover .btn:after{clip-path: polygon(0 0, 100% 0, 110% 110%, 0 110%); transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.btn:hover i:before,
a:hover .btn i:before{opacity: 0; transition: 0.4s;}
.btn:hover i:after,
a:hover .btn i:after{opacity: 1; transition: 0.4s 0.1s;}

.btn.white{color:#fff;}
.btn.white:before{border-color:#fff; background:rgba(255,255,255,0.1);}
.btn.white:hover,
a:hover .btn.white{color:#2C7CD8}
.btn.blue{color:#fff;}
.btn.blue:before{border-color:#fff; background:#2C7CD8;}
.btn.blue:hover,
a:hover .btn.blue{color:#2C7CD8}
.btn.gray{color:#fff;}
.btn.gray:before{border-color:#666; background:#666;}
.btn.gray:after{border-color:#000; background:#000;}
.btn.gray:hover,
a:hover .btn.gray{color:#fff}

/* arrow type1 */
.btn.right i:before{background-image:url("/resources/images/common/btn_ico_arrow1.svg"); left:0; top:0;}
.btn.right i:after{background-image:url("/resources/images/common/btn_ico_arrow1_blue.svg"); left:-50%; top:0;}
.btn.right.white i:before{background-image:url("/resources/images/common/btn_ico_arrow1_white.svg");}
.btn.right.blue i:before{background-image:url("/resources/images/common/btn_ico_arrow1_white.svg");}
.btn.right.gray i:before{background-image:url("/resources/images/common/btn_ico_arrow1_white.svg");}
.btn.right.gray i:after{background-image:url("/resources/images/common/btn_ico_arrow1_white.svg");}
.btn.right:hover i:before,
a:hover .btn.right i:before{left:50%;}
.btn.right:hover i:after,
a:hover .btn.right i:after{left: 0;}
/* arrow type2 */
.btn.arrow i:before{background-image:url("/resources/images/common/btn_ico_arrow2.svg"); left:0; top:0;}
.btn.arrow i:after{background-image:url("/resources/images/common/btn_ico_arrow2_blue.svg"); left:-50%; top:0;}
.btn.arrow.white i:before{background-image:url("/resources/images/common/btn_ico_arrow2_white.svg");}
.btn.arrow.blue i:before{background-image:url("/resources/images/common/btn_ico_arrow2_white.svg");}
.btn.arrow.gray i:before{background-image:url("/resources/images/common/btn_ico_arrow2_white.svg");}
.btn.arrow.gray i:after{background-image:url("/resources/images/common/btn_ico_arrow2_white.svg");}
.btn.arrow:hover i:before,
a:hover .btn.arrow i:before{left:50%;}
.btn.arrow:hover i:after,
a:hover .btn.arrow i:after{left: 0;}
/* outlink */
.btn.outlink i{background-image:url("/resources/images/common/btn_ico_outlink_round.svg"); background-size:14px 14px; background-repeat:no-repeat; background-position:center;}
.btn.outlink i:before{content:""; display:block; width:8px; height:8px; background:url("/resources/images/common/btn_ico_outlink_arrow.svg")no-repeat center / 100%; position:absolute; right:1px; top:1px; opacity:1;}
.btn.outlink i:after{content:""; display:block; width:8px; height:8px; background:url("/resources/images/common/btn_ico_outlink_arrow_blue.svg")no-repeat center / 100%; position:absolute; right:6px; top:6px; opacity:0;}
.btn.outlink.white i{background-image:url("/resources/images/common/btn_ico_outlink_round_white.svg");}
.btn.outlink.white i:before{background-image:url("/resources/images/common/btn_ico_outlink_arrow_white.svg");}
.btn.outlink.white i:after{background-image:url("/resources/images/common/btn_ico_outlink_arrow_blue.svg");}
.btn.outlink.blue i{background-image:url("/resources/images/common/btn_ico_outlink_round_white.svg");}
.btn.outlink.blue i:before{background-image:url("/resources/images/common/btn_ico_outlink_arrow_white.svg");}
.btn.outlink.blue i:after{background-image:url("/resources/images/common/btn_ico_outlink_arrow_blue.svg");}
.btn.outlink.gray i{background-image:url("/resources/images/common/btn_ico_outlink_round_white.svg");}
.btn.outlink.gray i:before{background-image:url("/resources/images/common/btn_ico_outlink_arrow_white.svg");}
.btn.outlink.gray i:after{background-image:url("/resources/images/common/btn_ico_outlink_arrow_white.svg");}
.btn.outlink:hover i,
a:hover .btn.outlink i{background-image:url("/resources/images/common/btn_ico_outlink_round_blue.svg"); transition:0.4s;}
.btn.outlink.gray:hover i,
a:hover .btn.outlink.gray i{background-image:url("/resources/images/common/btn_ico_outlink_round_white.svg"); transition:0.4s;}
.btn.outlink:hover i:before,
a:hover .btn.outlink i:before{right:-4px; top:-4px; opacity:0; transition:0.4s;}
.btn.outlink:hover i:after,
a:hover .btn.outlink i:after{right:1px; top:1px; opacity:1; transition:0.4s 0.1s;}
/* download */
.btn.download i:before{background-image:url("/resources/images/common/btn_ico_download.svg"); left:0; top:0;}
.btn.download i:after{background-image:url("/resources/images/common/btn_ico_download_blue.svg"); left:0; top:-50%;}
.btn.download.white i:before{background-image:url("/resources/images/common/btn_ico_download_white.svg");}
.btn.download.blue i:before{background-image:url("/resources/images/common/btn_ico_download_white.svg");}
.btn.download.gray i:before{background-image:url("/resources/images/common/btn_ico_download_white.svg");}
.btn.download.gray i:after{background-image:url("/resources/images/common/btn_ico_download_white.svg");}
.btn.download:hover i:before,
a:hover .btn.download i:before{top:50%;}
.btn.download:hover i:after,
a:hover .btn.download i:after{top:0;}
/* more */
.btn.more i:before{background-image:url("/resources/images/common/btn_ico_more.svg"); left:0; top:0;}
.btn.more i:after{background-image:url("/resources/images/common/btn_ico_more_blue.svg"); left:0; top:0;}
.btn.more.white i:before{background-image:url("/resources/images/common/btn_ico_more_white.svg");}
.btn.more.blue i:before{background-image:url("/resources/images/common/btn_ico_more_white.svg");}
.btn.more.gray i:before{background-image:url("/resources/images/common/btn_ico_more_white.svg");}
.btn.more.gray i:after{background-image:url("/resources/images/common/btn_ico_more_white.svg");}
.btn.more:hover i:before,
a:hover .btn.more i:before{transition:0s;}
.btn.more:hover i:after,
a:hover .btn.more i:after{transform:rotate(180deg); transition:transform 0.4s;}
/* copy */
.btn.copy i:before{background-image:url("/resources/images/common/btn_ico_copy.svg"); left:0; top:0;}
.btn.copy i:after{background-image:url("/resources/images/common/btn_ico_copy_blue.svg"); left:-50%; top:0;}
.btn.copy.white i:before{background-image:url("/resources/images/common/btn_ico_copy_white.svg");}
.btn.copy.blue i:before{background-image:url("/resources/images/common/btn_ico_copy_white.svg");}
.btn.copy.gray i:before{background-image:url("/resources/images/common/btn_ico_copy_white.svg");}
.btn.copy.gray i:after{background-image:url("/resources/images/common/btn_ico_copy_white.svg");}
.btn.copy:hover i:before,
a:hover .btn.copy i:before{left:50%;}
.btn.copy:hover i:after,
a:hover .btn.copy i:after{left: 0;}

/* tab_wrap */
.tab_wrap > ul{display:flex; flex-wrap:nowrap; margin-bottom:80px;}
.tab_wrap > ul li{flex:1; margin-left:-1px; position:relative;}
.tab_wrap > ul li a{width:100%; height:60px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:400; color:#333; border:1px solid #ccc; box-sizing:border-box; transition:0.2s;}
.tab_wrap > ul li:hover{z-index:1;}
.tab_wrap > ul li:hover a{border-color:#2C7CD8; color:#2C7CD8; z-index:2;}
.tab_wrap > ul li:active{z-index:1;}
.tab_wrap > ul li.active a{border-color:#2C7CD8; background:#2C7CD8; color:#fff; z-index:2;}


/* table */

/* basic_table */
.basic_table{width:100%; border-top:1px solid #000; border-bottom:1px solid #000; }
.basic_table thead th,
.basic_table tbody th{padding:21px 15px; background-color:#f3f3f3; text-align:center; font-size:20px; font-weight:600; color:#333;}
.basic_table tbody td{padding:12px 40px; font-size:16px; color:#333;}
.basic_table tbody th, .basic_table tbody td{border-top:1px solid #ccc;}
.basic_table tbody tr:first-child th, .basic_table tbody tr:first-child td{border-top:0;}
.basic_table td .txt1{margin-bottom:12px;}
.basic_table.type2 thead th{border-bottom:1px solid #ccc;}
.basic_table.type2 th,
.basic_table.type2 td{border-left:1px solid #ccc; text-align:center;}
.basic_table.type2 th.tl,
.basic_table.type2 td.tl{border-left:none;}

/* basic_table2 */
.basic_table2{width:100%; border-bottom:1px solid #000;}
.basic_table2 thead th{padding:17px 10px; border-top:1px solid #000; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background-color:#f3f3f3; font-size:18px; color:#333; font-weight:600; text-align:center;}
.basic_table2 tbody th{padding:16px 20px; background-color:#f3f3f3; border-top:1px solid #ccc; border-left:1px solid #ccc; font-size:16px; color:#333; font-weight:400;}
.basic_table2 tbody td{padding:16px 20px; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#fff; text-align:center;}
.basic_table2 thead th.bl_none,
.basic_table2 tbody th.bl_none,
.basic_table2 tbody td.bl_none{border-left:none;}
.basic_table2 tbody th.strong,
.basic_table2 tbody td.strong{font-size:18px; color:#333; /* font-weight:400; */ font-weight:600;}
.basic_table2 tbody th.bg_none{background-color:#fff;}
.basic_table2 tbody th.tl,
.basic_table2 tbody td.tl{text-align:left;} /* td 안에 텍스트 left 정렬 */
.basic_table2 tbody tr.bg_blue th,
.basic_table2 tbody tr.bg_blue td{background-color:#edf6fd;}
.basic_table2 tbody tr.bg_gray th,
.basic_table2 tbody tr.bg_gray td{background-color:#f3f3f3;}
.basic_table2 tbody td .btn_wrap{position:relative; overflow:hidden; margin:0; padding-right:170px;}
.basic_table2 tbody td .btn_wrap .btn{position:absolute; right:0; top:50%; transform:translateY(-50%)}

.basic_table2 .txt_red{color:#f50000;}
.basic_table2 .txt_blue{color:#043285;}
.basic_table2 .agree{overflow:hidden; display:inline-block; vertical-align:middle; width:15px; height:15px; border-radius:100%; border:1px solid #666; box-sizing:border-box; font-size:0;}
.basic_table2 .not_agree{overflow:hidden; display:inline-block; vertical-align:middle; width:15px; height:15px; background:url(/resources/images/global/common/tbl_not_agree.png) 0 0 no-repeat; box-sizing:border-box; font-size:0;}
.basic_table2 .agree.point{background:#666;}

.basic_table tbody td .dot_list li,
.basic_table2 tbody td .dot_list li{padding-left:10px;background:url(/resources/images/global/common/bg_list_dot.gif) left 12px no-repeat;}

/* @제품정보 td bg */
.basic_table2 tbody td.bg_blue{background-color:#005d9d; color:#fff;}
.basic_table2 tbody td.bg_gray{background-color:#636a72; color:#fff;}
.basic_table2 tbody td.bg_sky{background-color:#edf6fd;}

/* @테이블 thead 없을시 : tbody 첫번째 줄 line 적용 */
.basic_table2 tbody tr.line_black{border-top:1px solid #000;}
.basic_table2 tbody tr.line_black > th,
.basic_table2 tbody tr.line_black > td{border-top:none;}

/* @basic_table2.type1 : 좌/우 border-line 있는 표 */
.basic_table2.type1 thead th, .basic_table2.type1 tbody th{border-left:1px solid #ccc; border-right:1px solid #ccc;}
.basic_table2.type1 tbody th{background-color:#fff; border-left:1px solid #ccc;}
.basic_table2.type1 tbody td{border-right:1px solid #ccc;}

/* skip_navigation */
.skip_navi a{overflow:hidden; position:absolute; left:0; top:-9999px; z-index:1010; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#2c7cd8;}
.skip_navi a:focus, .skip_navi a:active{display:block; position:fixed; top:0;}

/* layout */
body.on{overflow:hidden; height:100%;}
#wrap{position:relative; width:100%; min-width:1300px; margin:0 auto;}
#gnb{width:100%; margin:0 auto; z-index:1000; text-align:center;}
#content{width:100%; min-width:1140px; padding:100px 0 160px;}
#footer {width:100%; min-width:1140px; margin:0 auto; background:#868C92;}
#footer .footer_inner{position:relative; width:1140px; margin:0 auto; padding:20px 0;}

/* header */
body.header_hide .header {top:-100%;}
.header{position:fixed; left:0; top:0; width:100%; z-index:1000;}
.header .header_inner{position:relative; z-index:1000; width:100%; min-width:1300px; height:70px; margin:0 auto; background-color:#fff; box-sizing:border-box; border-bottom:1px solid #ccc;}
.header[data-fixed="none"]{top:-100%; transition:0.5s;}
.header .gnb_dim{overflow:hidden; position:absolute; left:0; top:70px; width:100%; background:#fff;}
.header .gnb_dim:after{position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; content:"";}
.header h1{overflow:hidden; position:absolute; left:0; top:0; z-index:1000; padding-left:30px; font-size:1px;}
.header h1 a{font-size:0;}
.header h1 a .logo{display:inline-block; vertical-align:middle;width:241px; height:28px; padding:21px 0; background:url(/resources/images/global/common/logo_oval.svg) 0 50% no-repeat;}
.header .utill_area{position:absolute; right:0; top:0; z-index:1000; font-size:0;}

.gnb ul:after{display:block; clear:both; content:"";}
.gnb .gnb_list{display:inline-block; vertical-align:top; margin:0 auto;}
.gnb .gnb_list > li{float:left; width:auto; margin-left:80px;}
@media (max-width:1400px){
	.gnb .gnb_list > li{margin-left:50px;}
}
.gnb li:first-child{margin-left:0;}
.gnb li .tit{display:inline-block; position:relative; line-height:70px; font-size:18px; font-weight:600; color:#000;}
.gnb li .tit:after{opacity:0; position:absolute; left:50%; bottom:0; width:0; height:0; background:#2C7CD8; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); transition:width .4s ease-in-out; -webkit-transition:width .4s ease-in-out; -moz-transition:width .4s ease-in-out; content:"";}
.gnb li.on .tit:after,
.gnb li.active .tit:after{opacity:1; width:100%; height:3px; content:"";}
.gnb li.active .tit:after{transition:none; content:"";}
.gnb .depth2_wrap{overflow:hidden; position:absolute; left:0; top:70px; z-index:1000; width:100%; height:0; -webkit-transition:0.3s height ease-in-out; transition:0.3s height ease-in-out; -moz-transition:0.3s height ease-in-out;}
.gnb .depth2_wrap .gnb_inner{width:100%; padding:40px 0 50px; margin:0 auto; box-sizing:border-box; opacity:0; text-align:center; display:flex; align-items:start; justify-content:center;}
.gnb .on .gnb_inner{opacity:1; -webkit-transition:.3s opacity ease-in-out; transition:.3s opacity ease-in-out; -moz-transition:.3s opacity ease-in-out;}

.gnb .depth1_list{text-align:left;}
.gnb .depth1_list > li{position:relative; float:left; margin-left:44px; padding-left:44px; height:100%; text-align:left;}
.gnb .depth1_list > li:before{position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ddd; content:""; opacity: 0;}
.gnb .on .depth1_list > li:before{opacity: 1;-webkit-transition:.6s opacity ease-in-out; transition:.6s opacity ease-in-out; -moz-transition:.6s opacity ease-in-out;}
.gnb .depth1_list > li:first-child{margin-left:0; padding-left:0;}
.gnb .depth1_list > li:first-child:before{display:none; content:"";}
.gnb .depth1_list > li > a{display:block; font-weight:600; line-height:1em; color:#000;}
.gnb .depth1_list > li:not(.customer):hover > a{color:#2C7CD8}
.gnb .depth1_list > li.customer a:hover{color:#2C7CD8}
.gnb .depth2_area{overflow:hidden;}
.gnb .depth2_area .depth2_list{float:left; width:auto; margin-right:44px;}
.gnb .depth2_area .depth2_list.last{margin-right:0;}
.gnb .depth2_list{padding-top:23px;}
.gnb .depth2_list li{margin-top:9px;}
.gnb .depth2_list li:first-child{margin-top:0;}
.gnb .depth2_list li a{display:block; font-size:15px; color:#666; padding:3px 0;}
.gnb .depth2_list li:hover a{color:#2C7CD8; text-decoration:underline;}

.gnb li.company .depth1_list{height:220px;}
.gnb li.careers .depth1_list{height:220px; margin-left:-100px;}
.gnb li.newsroom .depth1_list{height:105px; margin-left:55px;}
.gnb li.product .depth1_list{height:216px; margin-left:60px; min-width:810px;}
.gnb li.customer .depth1_list{height:127px; margin-left:-87px;}
.gnb li.sustainability .depth1_list{height:180px;}
@media (max-width:1400px){
	.gnb li.product .depth1_list{margin-left:0;}
}

.depth1_list li.customer a{margin-bottom:20px;}
.depth1_list li.customer a:last-child{margin-bottom:0;}

.depth1_list li.customer a{margin-bottom:20px;}
.depth1_list li.customer a:last-child{margin-bottom:0;}

.gnb .gnb_btn_area{overflow:hidden; text-align:left; margin:0 0 0 80px;}
.gnb .gnb_btn_area a{overflow:hidden; display:block; position:relative; width:260px; height:100px; padding:17px 20px; background-color:#000; border-radius:10px; box-sizing:border-box;}
.gnb .gnb_btn_area a + a{margin-top:12px;}
.gnb .gnb_btn_area a strong{display:block; text-align:center; font-size:16px; font-weight:300; color:#fff; position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%);}
.gnb .gnb_btn_area a strong:after{content:""; width:14px; height:14px; display:inline-block; vertical-align:middle; margin:-2px 0 0 10px; background:url(/resources/images/global/common/museum_banner_icon.svg) 0 0 no-repeat;}

.gnb_list li.on .depth1_list{display:block;}
.gnb_list li.on .gnb_inner{opacity:1; z-index:100;}

/* gnb 온라인 홍보관 배너 */
.gnb li.company .gnb_btn_area a{height:220px; background:url(/resources/images/global/common/museum_banner.png) no-repeat center / cover;}
.gnb li.company .gnb_btn_area a strong{left:0; top:auto; bottom:30px; transform:translateY(0);}

/* gnb 채용바로가기 배너 */
.gnb li.careers .gnb_btn_area a{height:220px; background:url(/resources/images/global/common/recruit_banner.png) no-repeat center / cover;}
.gnb li.careers .gnb_btn_area a strong{left:0; top:auto; bottom:30px; transform:translateY(0);}

/* 제품정보 배너 */
.gnb li.product .gnb_btn_area a {height:220px; background:url(/resources/images/global/common/passive_component_center_bg.png) no-repeat center / cover;}
.gnb li.product .gnb_btn_area a strong {color:#000; left:0; top:auto; bottom:30px; transform:translateY(0); }
.gnb li.product .gnb_btn_area a strong:after{background:url(/resources/images/global/common/museum_banner_icon_black.svg) 0 0 no-repeat;}

.header .utill_menu{display:inline-block; vertical-align:top;}
.header .utill_menu:after{display:block; clear:both; content:"";}
.header .utill_menu .utill_menu_inner{position:relative; float:left; width:60px;}
.header .utill_menu_inner > a{overflow:hidden; position:relative; display:block; width:60px; line-height:70px; height:70px; box-sizing:border-box; font-size:15px; font-weight:600; text-align:center; color:#333; letter-spacing:0;}
.header .utill_menu_inner > a.btn_inq{text-indent:-9999px; background:url(/resources/images/global/common/ico_inq.svg) center 48% no-repeat; }
.header .utill_menu_inner > a:after{position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#d8d8d8; content:"";}
.header .utill_menu_inner ul{display:none; position:absolute; left:0; top:70px; width:100%; height:auto; border:1px solid #e2e2e2; background:#fff; box-sizing:border-box;}
.header .utill_menu_inner ul:after{position:absolute; left:-1px; top:-4px; width:calc(100% + 2px); height:4px; background:#2C7CD8; content:"";}
.header .utill_menu_inner.on ul{display:block;}
.header .utill_sns{padding:15px 0;}
.header .utill_sns li{overflow:hidden; margin-top:12px;}
.header .utill_sns li:first-child{margin-top:0;}
.header .utill_sns li a{display:block; width:30px; height:30px; margin:0 auto; border-radius:100%; background-color:#ededed; background-image:url(/resources/images/global/common/utill_sns_ico.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; font-size:0;}
.header .utill_sns li a:hover{background-image:url(/resources/images/cn/common/utill_sns_ico_hover.png);}
.header .utill_sns li.youtube a{background-position:-30px 0;}
.header .utill_sns li.blog a{background-position:-60px 0;}
.header .utill_sns li.naver a{background-position:-90px 0;}
.header .utill_sns li.linkedin a{background-position:-120px 0;}
.header .utill_lang{padding:20px 0;}
.header .utill_lang li{margin-top:20px; text-align:center;}
.header .utill_lang li a{font-size:15px; color:#333; letter-spacing:0; line-height:1em;}
.header .utill_lang li a:hover{color:#2C7CD8}
.header .utill_lang li:first-child{margin-top:0;}

.header .srch_pop_btn{overflow:hidden; display:inline-block; vertical-align:top; width:60px; height:70px; background-image:url(/resources/images/global/common/btn_srch_ico.svg); background-size:16px 16px; background-repeat:no-repeat; background-position:14px center; font-size:0; text-indent:-9999px;}

/* 통합검색 리뉴얼 */
.header .srch_area_n{display:none; position:fixed; left:0; top:0px; z-index:1000; width:100%; background:rgba(0,0,0,.6);}
.header .srch_area_n.on{display:block;}
.header .srch_area_n .srch_close_btn{overflow:hidden; position:absolute; right:0; top:0;width:60px; height:70px; background:#043285 url(/resources/images/global/common/srch_pop_close.png) center center no-repeat; font-size:0; text-indent:-9999px;}
.header .srch_area_n .srch_cont_wrap{position:static; left:0; top:0; width:100%; max-height:calc(100vh - 70px); height:auto; margin-top:70px; background:url(/resources/images/global/common/srch_pop_bg_new.jpg) 0 0 no-repeat; background-size:cover; overflow-y:auto;}
.header .srch_area_n .srch_inner{position:relative; width:920px; height:350px; margin:0 auto; padding-top:60px; box-sizing:border-box;}
.header .srch_area_n .srch_box{width:100%; margin-bottom:40px;}
.header .srch_area_n .srch_box fieldset{position:relative; width:100%; height:64px; padding-top:2px; padding-left:32px; background:#fff; border-radius:32px; box-sizing:border-box;}
.header .srch_area_n .srch_box input[type="text"]{width:750px; height:60px; padding:0 0 0 0; border:0 none; box-sizing:border-box; font-size:20px; line-height:60px;}
.header .srch_area_n .srch_box button{overflow:hidden; position:absolute; right:20px; top:50%; width:45px; height:45px; margin-top:-22px; background:url(/resources/images/global/common/btn_srch_ico_l_new.png) 50% 50% no-repeat; background-size:32px 32px;
text-indent:-9999px; font-size:0;}
.header .srch_area_n .srch_btn_area{text-align:center;}
.header .srch_area_n .srch_btn_area a{margin-left:10px; margin-bottom:10px;}
.header .srch_area_n .srch_btn_area a:first-child{margin-left:0;}
.header .srch_area_n .srch_btn_area .btn_round{display:inline-block; min-width:140px; height:45px; line-height:45px; padding:0 20px; border-radius:5px; background:#1c57b2; color:#fff; box-sizing:border-box; text-align:center; }
.header .srch_area_n .srch_btn_area .btn_round.arrow:after{display:inline-block; vertical-align:middle;  width:16px; height:16px; margin-left:8px; margin-top:-4px; background:url(/resources/images/common/srch_btn_ico_arrow.png)no-repeat center / 100%; content:""; }
.header .srch_area_n .srch_btn_area .btn_round.outlink:after{display:inline-block; vertical-align:middle;  width:16px; height:16px; margin-left:8px; margin-top:-2px; background:url(/resources/images/common/srch_btn_ico_outlink.png)no-repeat center / 100%; content:""; }
.header .srch_area_n .all_menu_toggle{position:absolute; right:0; bottom:23px; color:#fff;}
.header .srch_area_n .all_menu_toggle:after{display:inline-block; width:17px; height:17px; margin-left:10px; background:url(/resources/images/global/common/ico_all_toggle.png) 0 0 no-repeat; vertical-align:-2px; content:"";}
.header .srch_area_n .all_menu_toggle.on:after{background-position:100% 0;}
.header .srch_area_n .all_menu_wrap{display:none; width:1100px; padding-top:35px; padding-bottom:54px; margin:0 auto; border-top:1px solid #1d46a7;}
.header .srch_area_n .all_menu_wrap.on{display:block;}
.header .srch_area_n .all_menu_wrap > ul{display:flex; gap:100px; justify-content:center;}
.header .srch_area_n .all_menu_wrap a{display:block; color:#fff;}
.header .srch_area_n .all_menu_wrap > ul > li > a{margin-bottom:24px; font-size:18px; font-weight:600; line-height:1;}
.header .srch_area_n .all_menu_wrap .col2 .depth1_list{display:flex; flex-wrap:wrap;}
.header .srch_area_n .all_menu_wrap .depth1_list > li{margin-bottom:14px;}
.header .srch_area_n .all_menu_wrap .col2 .depth1_list > li{width:50%;}
.header .srch_area_n .all_menu_wrap .col2 .depth1_list > li.w100{width:100%;}
.header .srch_area_n .all_menu_wrap .depth1_list > li a{font-size:16px;}
/* //통합검색 리뉴얼 */

.srch_dim{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.srch_dim.on{display:block;}

/* footer */
.footer .footer_top{overflow:hidden; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #cacaca;}
.footer .menu_area{float:left; width:auto; max-width:725px;}
.footer .menu_list1, .footer .menu_list2{overflow:hidden;}
.footer .menu_list1{padding-top:5px;}
.footer .menu_list1 li{position:relative; float:left; width:auto;}
.footer .menu_list1 li:before{position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#cacaca; content:"";}
.footer .menu_list1 li a{display:block; padding-left:20px; padding-right:20px; font-size:14px; color:#fff;}
.footer .menu_list1 li:first-child:before{display:none; content:"";}
.footer .menu_list1 li:first-child a{padding-left:0;}
.footer .menu_list2 li{float:left; width:auto; margin-left:23px;}
.footer .menu_list2 li a{display:block; font-size:14px; color:#fff;}
.footer .menu_list2 li.point a{color:#222; font-weight:600;}
.footer .menu_list2 li:first-child{margin-left:0;}
.footer .link_area{float:right; width:auto;}
.footer .sns_list{overflow:hidden; float:left; width:auto; padding-top:8px;}
.footer .sns_list li{float:left; width:auto; min-width:9px; margin-left:20px;}
.footer .sns_list li a{overflow:hidden; display:block; width:12px; height:24px; background-image:url(/resources/images/global/common/sns_link_ico.png); background-repeat:no-repeat; background-position:0 0; font-size:1px; text-indent:-9999px;}
.footer .sns_list li.youtube a{width:21px; background-position:-30px 0;}
.footer .sns_list li.facebook a{width:9px; background-position:-60px 0;}
.footer .sns_list li.linkedin a{width:17px; background-position:-90px 0;}
.footer .sns_list li:first-child{margin-left:0;}
.footer .link_area .mark{margin-left:20px;}
.footer .link_area .mark a{display:inline-block; vertical-align:middle; margin-left:15px;}
.footer .link_area .mark a:first-child{margin-left:0;}
.footer .mark{float:left; width:auto; margin-left:20px;}
.footer .mark a{margin-left:20px;}
.footer .mark a:first-child{margin-left:0;}
.footer .footer_bottom{overflow:hidden; position:relative;}
.footer .footer_bottom .menu_area{float:none; max-width:725px;}
.footer .footer_bottom .copyright{margin-top:5px; max-width:725px;}
.footer .footer_bottom .copyright small{vertical-align:top; font-size:12px; font-weight:400; color:#fff; letter-spacing:0;}
.footer .footer_bottom a.footer_logo{font-size:0; text-indent:-9999px; overflow:hidden; position:absolute; right:0; top:6px; width:240px; height:28px; background:url(/resources/images/global/common/footer_logo.svg) no-repeat center / cover;}

.quick_menu { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; opacity: 1; position: absolute; right: 80px; bottom: 235px; left:auto; z-index: 99; width: auto; height: auto; margin:0; }
.quick_menu.on { position: fixed; bottom: 40px; z-index: 10; }
.quick_menu a:hover,
.quick_menu a:focus{background:#4a5157;}
.quick_menu a:hover .txt,
.quick_menu a:focus .txt{opacity:1;}
.quick_menu a.museum:hover{width:218px;}
.quick_menu a.newsroom:hover{width:306px;}
.quick_menu a.news:hover{width:216px;}
.quick_menu a{width:64px; height:64px; border-radius:99px; background:#585F66; overflow:hidden; transition:all ease .3s;}
.quick_menu a .box{width:max-content; white-space:nowrap; display:flex; align-items:center; justify-content:start; width:max-content;}
.quick_menu a i{width:40px; height:40px; margin:12px; background-size:100%; background-repeat:no-repeat; background-position:center; display:block;}
.quick_menu a i.ic_museum{background-image:url(/resources/images/common/quick_menu_ico_museum.png);}
.quick_menu a i.ic_mail{background-image:url(/resources/images/common/quick_menu_ico_mail.png);}
.quick_menu a i.ic_mic{background-image:url(/resources/images/common/quick_menu_ico_news.png);}
.quick_menu a .txt{display:block; font-size:20px; color:#fff; font-weight:600; margin-right:24px; opacity:0; transition:0.1s;}
.quick_menu a.newsroom {display:none;}
.quick_menu a.news {display:none;}
.quick_menu .top_btn {width:64px; height:64px; border-radius:99px; border:1px solid #ccc; box-sizing:border-box; font-size:0; text-indent:-9999px; overflow:hidden; position:relative; background:#fff; transition:background 0.2s, border 0.2s;}
.quick_menu .top_btn::before { content: ""; display: block; width: 24px; height: 24px; mask:url(/resources/images/common/quick_menu_ico_top.png); background-color:#222; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:background 0.1s;}
.quick_menu .top_btn:hover{background-color:#2C7CD8; border-color:#2C7CD8}
.quick_menu .top_btn:hover::before{background-color:#fff;}

/* dim (common / popup) */
.dim{display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.dim.on{display:block;}

/* popup  - common */
.popup_wrap{overflow-y:auto; display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000;}
.popup_wrap.on{display:block;}
.popup_wrap .pop_inner_wrap{position:absolute; left:50%; top:0; text-align:center;}
.popup_wrap .pop_inner{padding:40px 60px; background-color:#fff;}
.popup_wrap .pop_tit{position:relative; display:inline-block; padding-bottom:18px; margin-bottom:25px; font-size:38px; line-height:1em; font-weight:600; color:#000;}
.popup_wrap .pop_tit:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#000;}
.popup_wrap .pop_tit2{display: block; padding-bottom:25px; font-size:30px; font-weight:600; color:#000; text-align:left;}
.popup_wrap .pop_close_btn{position:absolute; right:20px; top:20px; width:48px; height:48px; background:url(/resources/images/global/common/icon/ic_popup_close.svg) 50% 50% no-repeat;}
.popup_wrap.box_popup .pop_inner{ padding:52px 60px; text-align:left;}
/* top:50%; width:750px; transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); */
.popup_wrap.box_popup p{font-size:16px; line-height:1.5em; color:#333; word-break:keep-all; word-wrap:break-word;}
.popup_wrap.box_popup .txt1{margin-bottom:30px;}
.popup_wrap.certification_popup .pop_inner{padding:0; width:537px; }
.popup_wrap .pop_form_list{width:100%;}
.popup_wrap .pop_form_list li{overflow:hidden; margin-bottom:20px; text-align:left;}
.popup_wrap .pop_form_list li label{float:left; width:180px; font-size:20px; font-weight:600; color:#333; height:45px; line-height:45px;}
.popup_wrap .pop_form_list li label .point_txt{display:inline-block; vertical-align:middle;}
.popup_wrap .pop_form_list li input[type="text"]{width:450px; padding:0 15px; border:1px solid #ccc; line-height:45px; height:45px; box-sizing:border-box; font-size:16px; color:#333;}
.popup_wrap .pop_form_list li:last-child{margin-bottom:0;}
.popup_wrap .pop_form_list li.line{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}

.validation_error {display:block; margin-top:5px; color:red; font-weight:500;}

.popup_wrap .btn_wrap { margin-top: 30px; }

/* popup : notice_popup */
.notice_popup{display:none; position:fixed; left:120px; top:100px; width:498px; background:#fff; border:1px solid #cccccc;}
.notice_popup.on{display:block;}
.notice_popup .pop_cont{position:relative;}
.notice_popup .pop_cont .pop_link_btn{overflow:hidden; position:absolute; width:210px; height:50px; background:#fff; line-height:0; opacity:0; text-indent:-9999px;}
.notice_popup .pop_cont .pop_btn1{left:28px; top:318px;}
.notice_popup .pop_cont .pop_btn2{left:259px; top:318px;}
.notice_popup .popup_btn{overflow:hidden; padding:6px 10px 0; height:38px; border-top:1px solid #ccc; font-size:14px; color:#333; box-sizing:border-box;}
.notice_popup .popup_btn .chk_today{float:left; height:22px; line-height:22px; vertical-align:middle;}
.notice_popup .popup_btn .chk_today input[type="checkbox"]{width:14px; height:14px; line-height:14px; vertical-align:middle;}
.notice_popup .popup_btn .chk_today label{margin-left:10px; color:#888;}
.notice_popup .popup_btn .popup_close{float:right; color:#555;}
.notice_popup .popup_btn .popup_close:before{display:inline-block; width:10px; height:10px; margin-right:5px; background:url(/resources/images/global/common/pop_close_ico1.png) 0 0 no-repeat; vertical-align:middle; content:"";}

/* gitple icon */
#gitple-launcher-custom-icon{border-radius:50% !important;}

/* sec_sticky_wrap - common */
.sec_sticky_wrap{padding:100px 0 20px; margin-bottom:100px; background:#fff;}
.sec_sticky_wrap .sub_tit{margin-bottom:0;}
.sec_sticky_wrap .sub_tit h3{font-weight:300;}
.sec_sticky_wrap .sub_tit + .sticky_lnb{margin-top:80px;}
.sec_sticky_wrap .sticky_lnb{height:200px; box-sizing:border-box;}
.sec_sticky_wrap .sticky_lnb .state{top:-70px; transition:opacity 0.7s, transform 0.7s;}
.sec_sticky_wrap .sticky_lnb .state.fixed{position:fixed; left:0; top:0; width:100%; height:60px; background:#fff; z-index:999; box-shadow:0px 0px 20px rgba(0,0,0,0.2); transition:top 0.45s;}
.sec_sticky_wrap .sticky_lnb .state.fixed ul{width:100%; height:100%; display:flex; justify-content:center; gap:60px;}
.sec_sticky_wrap .sticky_lnb .state.fixed ul li button{display:block; height:100%; font-size:18px; color:#666; letter-spacing:-0.5px; font-weight:600; text-align:center; position:relative; transition:color 0.5s;}
.sec_sticky_wrap .sticky_lnb .state.fixed ul li button br{display:none;}
.sec_sticky_wrap .sticky_lnb .state.fixed ul li button:before{content:""; opacity:0; width:0; height:2px; background:#2C7CD8; position:absolute; left:50%; bottom:0; transform:translateX(-50%); visibility:hidden; transition:width 0.5s, opacity 0.5s;}
.sec_sticky_wrap .sticky_lnb .state.fixed ul li.active button{color:#2C7CD8;}
.sec_sticky_wrap .sticky_lnb .state.fixed ul li.active button:before{width:100%; opacity:1; visibility:visible;}
.sec_sticky_wrap .sticky_lnb .state.fixed ul li:hover button{color:#2C7CD8}
.sec_sticky_wrap .sticky_lnb .state.init{position:inherit;}
.sec_sticky_wrap .sticky_lnb .state.init ul{display:flex; justify-content:center; gap:30px;}
.sec_sticky_wrap .sticky_lnb .state.init ul li{width:200px; height:200px; border-radius:50%; display:inline-flex; align-items:center; background: #fff; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(20px); transition:background 0.25s;}
.sec_sticky_wrap .sticky_lnb .state.init ul li button{width:100%; height:100%; display:block; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.5px; position:relative;}
.sec_sticky_wrap .sticky_lnb .state.init ul li button:before{content:""; display:block; width:48px; height:48px; margin:0 auto; background-size:100%; background-position:center; background-repeat:no-repeat;}
.sec_sticky_wrap .sticky_lnb .state.init ul li button:after{content:""; display:block; width:16px; height:16px; margin:17px auto 0; background:url("/resources/images/global/sustainability/sec_sticky_tab_arrow_off.svg")no-repeat center / 100%;}
.sec_sticky_wrap .sticky_lnb .state.init ul li:hover{background:#2C7CD8;}
.sec_sticky_wrap .sticky_lnb .state.init ul li:hover button{color:#fff;}
.sec_sticky_wrap .sticky_lnb .state.init ul li:hover button:after{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_arrow_on.svg");}
.sec_sticky_wrap .sticky_lnb[data-motion] .state{opacity:0; transform:translateY(100px);}
.sec_sticky_wrap .sticky_lnb[data-motion].active .state{opacity:1; transform:translateY(0);}

/* visual_section */
.visual_section{width:100%; height:640px; position:relative; z-index:1; overflow:hidden; background:#000;}
.visual_section:before{content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#eee;}
.visual_section .visual_inner{padding-top:15px; display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; text-align:center; box-sizing:border-box;}
.visual_section h2{font-size:80px; font-weight:bold; color:#fff; letter-spacing:-0.03em; line-height:1;}
.visual_section p.desc{display:block; font-size:18px; font-weight:600; color:#fff; letter-spacing:-0.03em; margin-top:13px;}
.visual_section p.circle{display:inline-block; vertical-align:top; background:rgba(44,124,216,0.7); border-radius:20px; font-size:18px; font-weight:600; color:#fff; letter-spacing:-0.05em; margin-bottom:15px; padding:5px 20px;}
.visual_section .breadcrumb{margin-top:30px;}
.visual_section .breadcrumb p{font-size:14px; color:#fff;}
.visual_section .breadcrumb p span{display:inline-block; vertical-align:top; padding:0 11px; position:relative;}
.visual_section .breadcrumb p span:before{display:block; position:absolute; right:-1px; top:50%; width:2px; height:2px; border-radius:50%; background-color:#f3f3f3; content:"";}
.visual_section .breadcrumb p span:last-child:before{display:none;}
.visual_section.no_bg{height:450px; background:#fff;}
.visual_section.no_bg:before{background:#fff;}
.visual_section.no_bg .visual_inner{padding-top:50px;}
.visual_section.no_bg h2{font-size:64px; color:#000;}
.visual_section.no_bg .breadcrumb p{color:#333;}
.visual_section.no_bg .breadcrumb p span:before{background-color:#333;}
.visual_section.no_bg + #content{padding-top:0;}

/* motion set */
.visual_section::before{transform:scale(1.3); transition:3s;}
.visual_section h2{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.1s, opacity 0.7s 0.1s;}
.visual_section p.desc{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s;}
.visual_section p.circle{opacity:0; transform:translateY(50px); transition:transform 0.7s, opacity 0.7s;}
.visual_section .breadcrumb{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s;}
.visual_section.active::before{transform:scale(1)}
.visual_section.active h2{opacity:1; transform:translate(0)}
.visual_section.active p.desc{opacity:1; transform:translate(0)}
.visual_section.active p.circle{opacity:1; transform:translate(0)}
.visual_section.active .breadcrumb{opacity:1; transform:translate(0)}


/* 기업정보 */
.new_overview .visual_section:before{background-image:url("/resources/images/common/visual/overview_visual_img.jpg");}
.new_ceo_message .visual_section:before{background-image:url("/resources/images/common/visual/ceo_visual_img.jpg");}
.new_mission-vision .visual_section:before{background-image:url("/resources/images/common/visual/mission_visual_img.jpg");}
.new_location .visual_section:before{background-image:url("/resources/images/common/visual/location_visual_img.jpg");}
.new_history_award .visual_section:before{background-image:url("/resources/images/common/visual/history_visual_img.jpg");}
/* IR */
.investor_relations .visual_section:before{background-image:url("/resources/images/common/visual/investor-relations_visual_img.jpg");}

/* 지속가능경영 */
.new_sustainability.sustainability .visual_section:before{background-image:url("/resources/images/common/visual/sustainability_visual_img.jpg")}
.new_sustainability.environmental-strategy .visual_section:before{background-image:url("/resources/images/common/visual/environmental-strategy_visual_img.jpg")}
.new_sustainability.climate-change .visual_section:before{background-image:url("/resources/images/common/visual/climate-change_visual_img.jpg")}
.new_sustainability.environmental-impact .visual_section:before{background-image:url("/resources/images/common/visual/environmental-impact_visual_img.jpg")} 
.new_sustainability.product-environment .visual_section:before{background-image:url("/resources/images/common/visual/product-environment_visual_img.jpg")}
.new_sustainability.employees .visual_section:before{background-image:url("/resources/images/common/visual/employees_visual_img.jpg")}
.new_sustainability.social-contribution .visual_section:before{background-image:url("/resources/images/common/visual/social-contribution_img.jpg")}
.new_sustainability.supply-chain .visual_section:before{background-image:url("/resources/images/common/visual/supply-chain_visual_img.jpg")}
.new_sustainability.ethics .visual_section:before{background-image:url("/resources/images/common/visual/ethics_visual_img.jpg")}
.new_sustainability.compliance .visual_section:before{background-image:url("/resources/images/common/visual/compliance_visual_img.jpg")}
.new_sustainability.inquiry .visual_section:before{background-image:url("/resources/images/common/visual/compliance_visual_img.jpg")}
.new_sustainability.library .visual_section:before{background-image:url("/resources/images/common/visual/library_visual_img.jpg?ver=250204")}

/* 인재채용 */
.new_careers.job-description .visual_section::before{background-image:url("/resources/images/common/visual/job-description_visual_img.jpg")}
.new_careers.recruitment-process .visual_section::before{background-image:url("/resources/images/common/visual/recruitment-process_visual_img.jpg")}
.new_careers.careers-tips .visual_section::before{background-image:url("/resources/images/common/visual/careers-tips_visual_img.jpg")}
.new_careers.company-life .visual_section::before{background-image:url("/resources/images/common/visual/company-life_visual_img.jpg")}

/* 제품정보 */
.new_product.new_mlcc .visual_section:before{background-image:url("/resources/images/common/visual/mlcc_visual_img.jpg")}
.new_product.new_normal .visual_section:before{background-image:url("/resources/images/common/visual/normal_visual_img.jpg")}
.new_product.new_lsc .visual_section:before{background-image:url("/resources/images/common/visual/lsc_visual_img.jpg")}
.new_product.new_high .visual_section:before{background-image:url("/resources/images/common/visual/high_visual_img.jpg")}
.new_product.new_esd .visual_section:before{background-image:url("/resources/images/common/visual/esd_visual_img.jpg")}
.new_product.new_fail .visual_section:before {background-image:url("/resources/images/common/visual/fail_visual_img.jpg")}
.new_product.new_noise .visual_section:before {background-image:url("/resources/images/common/visual/noise_visual_img.jpg")}
.new_product.new_array .visual_section:before {background-image:url("/resources/images/common/visual/array_visual_img.jpg")}
.new_product.new_esl .visual_section:before {background-image:url("/resources/images/common/visual/esl_visual_img.jpg")}
.new_product.new_mfc .visual_section:before {background-image:url("/resources/images/common/visual/mfc_visual_img.jpg")}
.new_product.new_inductor .visual_section:before{background-image:url("/resources/images/common/visual/inductor_visual_img.jpg")}
.new_product.new_resistor .visual_section:before{background-image:url("/resources/images/common/visual/resistor_visual_img.jpg")}
.new_product.new_general .visual_section:before{background-image:url("/resources/images/common/visual/general_visual_img.jpg")}
.new_product.new_array_resistor .visual_section:before{background-image:url("/resources/images/common/visual/array_resistor_visual_img.jpg")}
.new_product.new_current .visual_section:before{background-image:url("/resources/images/common/visual/current_visual_img.jpg")}
.new_product.new_anti .visual_section:before{background-image:url("/resources/images/common/visual/anti_visual_img.jpg")}
.new_product.new_high_resistor .visual_section:before{background-image:url("/resources/images/common/visual/high_resistor_visual_img.jpg")}
.new_product.new_pb .visual_section:before{background-image:url("/resources/images/common/visual/total_visual_img.jpg")}
.new_product.new_thin .visual_section:before{background-image:url("/resources/images/common/visual/thin_visual_img.jpg")}
.new_product.new_automotive .visual_section:before{background-image:url("/resources/images/common/visual/automotive_visual_img.jpg")}
.new_product.new_tantalum .visual_section:before{background-image:url("/resources/images/common/visual/tantalum_visual_img.jpg")}
.new_product.new_module .visual_section:before{background-image:url("/resources/images/common/visual/module_visual_img.jpg")}
.new_product.new_mct .visual_section:before{background-image:url("/resources/images/common/visual/mct_visual_img.jpg")}
.new_product.new_package .visual_section:before{background-image:url("/resources/images/common/visual/package_visual_img.jpg")}
.new_product.new_fccsp .visual_section:before{background-image:url("/resources/images/common/visual/fccsp_visual_img.jpg")}
.new_product.new_wbcsp .visual_section:before{background-image:url("/resources/images/common/visual/wbcsp_visual_img.jpg")}
.new_product.new_sip .visual_section:before{background-image:url("/resources/images/common/visual/sip_visual_img.jpg")}
.new_product.new_fcbga .visual_section:before{background-image:url("/resources/images/common/visual/fcbga_visual_img.jpg")}
.new_product.new_acm .visual_section:before{background-image:url("/resources/images/common/visual/acm_visual_img.jpg")}
.new_product.new_mcm .visual_section:before{background-image:url("/resources/images/common/visual/mcm_visual_img.jpg")}
.new_product.new_silicon .visual_section:before{background-image:url("/resources/images/common/visual/silicon_visual_img.jpg")}
/* 적용분야 */
.application.automotive .visual_section:before{background-image:url("/resources/images/common/visual/application-automotive_visual_img.jpg")}
.application.computer .visual_section:before{background-image:url("/resources/images/common/visual/computer_visual_img.jpg")}
.application.display .visual_section:before{background-image:url("/resources/images/common/visual/display_visual_img.jpg")}
.application.mobile .visual_section:before{background-image:url("/resources/images/common/visual/mobile_visual_img.jpg")}
.application.ai-server .visual_section:before{background-image:url("/resources/images/common/visual/aiserver_visual_img.jpg")}
.application.server .visual_section:before{background-image:url("/resources/images/common/visual/serverlegacy_visual_img.jpg")}
.application.network .visual_section:before{background-image:url("/resources/images/common/visual/network_visual_img.jpg")}

/* 고객지원 */
.support.faq .visual_section:before,
.support.inquiry .visual_section:before{background-image:url("/resources/images/common/visual/contact_visual_img.jpg")}
.support.sales_partners .visual_section:before,
.support.sales_repre .visual_section:before,
.support.buy_now .visual_section:before{background-image:url("/resources/images/common/visual/sales_partners_visual_img.jpg")}
.support.cert .visual_section:before{background-image:url("/resources/images/common/visual/cert_visual_img.jpg")}
.support.library .visual_section:before{background-image:url("/resources/images/common/visual/product_catalog_visual_img.jpg")}

/* 푸터페이지 */
.security_report .visual_section:before{background-image:url("/resources/images/common/visual/security_visual_img.jpg")}