@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; line-height:1.5; letter-spacing:-0.5px; -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{border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:16px; color:#333; }
select::-ms-expand {display:none; }
select::-ms-value { background-color:white; color:#333; }
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 - wrap, 정렬  */
.btn_center{text-align:center; }
.btn_center a {margin-left:20px; }
.btn_center a:first-child {margin-left:0; }

.btn_right{padding-top:30px; text-align:right; }
.btn_right a {margin-left:10px; }
.btn_right a:first-child {margin-left:0; }

.btn_area a {margin-left:20px; }
.btn_area a:first-child {margin-left:0; }

/* button */
/*
	btn : 기본 버튼
	btn.white : 기본 흰색 버튼
	btn.list : 기본 목록 버튼
	btn_download : 다운로드 버튼
	btn_download.last : 다운로드 버튼 + width 자동
	btn_more : 더보기 버튼
	btn_on_air : 방송 버튼
	btn_privacy : 개인정보 버튼
*/
.btn{display:inline-block; width:160px; height:45px; line-height:45px; text-align:center; background:#043285; color:#fff; box-sizing:border-box; }
.btn:after{display:inline-block; vertical-align:middle; width:5px; height:9px; margin-top:-4px; margin-left:8px; background-image:url(/resources/images/kr/common/btn_arrow_ico_w.png); background-position:0 50%; background-repeat:no-repeat; content:""; }
.btn.plain:after{display:none; content:""; }

.btn_l{display:inline-block; min-width:190px; height:45px; line-height:45px; padding:0 20px; text-align:center; background:#043285; color:#fff; box-sizing:border-box; }
.btn_l:after{display:inline-block; vertical-align:middle; width:5px; height:9px; margin-left:8px; background-image:url(/resources/images/kr/common/btn_arrow_ico_w.png); background-position:0 50%; background-repeat:no-repeat; content:""; }

.btn.white {background:#fff; line-height:43px; border:1px solid #ccc; color:#333; box-sizing:border-box; }
.btn.white:after{background-image:url(/resources/images/kr/common/btn_arrow_ico_g.png); content:""; }

.btn_c {display:inline-block; width:160px; height:45px; line-height:45px; text-align:center; background:#043285; color:#fff; box-sizing:border-box; }
.btn_c.darkgray{background:#333; }

.btn.list:after{display:none; }

.btn_download {display:inline-block; width:160px; height:45px; line-height:45px; vertical-align:middle; background:#333; text-align:center; color:#fff; box-sizing:border-box; }
.btn_download:after{display:inline-block; width:15px; height:13px; margin-left:8px; margin-top:-4px; background:url(/resources/images/kr/common/ico_download.png) 0 50% no-repeat; content:""; }
.btn_download.large {width:auto; padding:0 20px; }

.btn_more {display:inline-block; width:160px; height:45px; line-height:43px; border:1px solid #ccc; background:#fff; box-sizing:border-box; text-align:center;  color:#333; }
.btn_more:after{display:inline-block; width:13px; height:10px; margin-left:8px; background-image:url(/resources/images/kr/common/btn_more_ico_g.png); background-position:0 50%; background-repeat:no-repeat; vertical-align:1px; content:""; }

.btn_on_air{display:inline-block;width:160px;height:45px;line-height:45px;vertical-align:middle;border:1px solid #ccc;background:#fff;text-align:center;color:#333;box-sizing:border-box; }
.btn_on_air:after{display:inline-block;width:15px;height:15px;margin-left:8px;background:url(/resources/images/kr/common/ico_on_air.png) 0 50% no-repeat;content:""; }

.btn_privacy{display:inline-block; min-width:190px; height:45px; line-height:45px; padding:0 17px; text-align:center; background:#fff; border:1px solid #333; color:#333; box-sizing:border-box; }
/*.btn_privacy:after{display:inline-block; vertical-align:middle; width:5px; height:9px; margin-left:8px; background-image:url(/resources/images/kr/common/btn_arrow_ico_g.png); background-position:0 50%; background-repeat:no-repeat; content:""; }
*/

/* new common_btn */
.common_btn_wrap { display: flex; align-items: center; justify-content: center; gap: 40px; }
.common_btn { display: inline-block; vertical-align: top; min-width: 160px; padding: 21px 30px; font-size: 18px; color: #333; font-weight: bold; line-height: 1; position: relative; box-sizing: border-box; text-align: center; z-index: 1; transition: color 0.3s; }
.common_btn.icon { padding: 21px 70px 21px 30px; text-align: left; } 
.common_btn:focus { border-radius: 60px } 
.common_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; } 
.common_btn:after { content: ""; z-index: -1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #2C7CD8; border-radius: 60px; background: #fff; clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); will-change: clip-path, -webkit-clip-path; box-sizing: border-box; }
.common_btn.blue,
.common_btn.white { color: #fff; }
.common_btn.white::before { background: transparent; border-color: #fff; }
.common_btn.blue::before { background: #2C7CD8; border-color: #fff; }
.common_btn:hover { color: #2C7CD8; } 
.common_btn:hover::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); }
.common_btn:hover::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); }
.common_btn.white:hover { color: #2C7CD8; } 
.common_btn.icon i { display: block; position:absolute; right: 30px; top: 50%; transform: translateY(-50%); }
.common_btn.icon i.ic_angle_right { width: 7px; height: 12px; }
.common_btn.icon i::before,
.common_btn.icon i::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; }
.common_btn.icon i::before { opacity: 1; }
.common_btn.icon i::after { opacity: 0; }
.common_btn.icon:hover i::before { opacity: 0;  transition: 0.4s; }
.common_btn.icon:hover i::after { opacity: 1; transition: 0.4s 0.1s; }

/* .common_btn i.ic_plus */
.common_btn.icon i.ic_plus { width: 16px; height: 16px; } 
.common_btn.icon i.ic_plus::before { background-image: url("/resources/images/kr/common/icon/ic_plus.svg"); }
.common_btn.icon i.ic_plus::after { background-image: url("/resources/images/kr/common/icon/ic_plus_blue.svg"); }

/* .common_btn i.ic_angle_right */
.common_btn.icon i.ic_angle_right::before { background-image: url("/resources/images/kr/common/icon/ic_angle_right.svg"); }
.common_btn.icon.blue i.ic_angle_right::before,
.common_btn.icon.white i.ic_angle_right::before { background-image: url("/resources/images/kr/common/icon/ic_angle_right_white.svg"); }
.common_btn.icon i.ic_angle_right::after { background-image: url("/resources/images/kr/common/icon/ic_angle_right_blue.svg"); left: -150%; }
.common_btn.icon:hover i.ic_angle_right::before { left: 150%; }
.common_btn.icon:hover i.ic_angle_right::after { left: 0; }

/* 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.type1 tbody th{padding:16px 20px; font-size:18px; font-weight:bold; }
.basic_table.type1 tbody td {padding:16px 20px; }
.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; padding-right:130px; min-height:45px; }
.basic_table2 tbody td .btn_wrap .btn{position:absolute; right:0; top:50%; width:120px; height:45px; margin-top:-22.5px; margin-left:10px; }

.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; text-indent:-9999px; }
.basic_table2 .not_agree {overflow:hidden; display:inline-block; vertical-align:middle; width:15px; height:15px; background:url(/resources/images/kr/common/tbl_not_agree.png) 0 0 no-repeat; box-sizing:border-box; text-indent:-9999px; }
.basic_table2 .agree.point{background:#666; }
.basic_table2 a.download {overflow:hidden; display:inline-block; width:100%; background-image:url(/resources/images/kr/common/btn_download_off.gif); background-position:right center; background-repeat:no-repeat; text-indent:-9999px;  text-align:left; color:#333; }
.basic_table2 a.download:hover{color:#2C7CD8;background-image:url(/resources/images/kr/common/btn_download_on.gif)}
.basic_table2 a.download.center{width:21px; height:21px; background-position:0 0; }

.basic_table tbody td .dot_list li,
.basic_table2 tbody td .dot_list li{padding-left:10px;background:url(/resources/images/kr/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:#1428a0; }
.skip_navi a:focus, .skip_navi a:active {display:block; position:fixed; top:0; }

/* layout */
body.on{overflow:hidden; height:100%; }
.header{height:70px; }
#wrap{position:relative; width:100%; min-width:1300px; margin:0 auto; }
#gnb {width:100%; max-width:1920px; 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 */
.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; }
.header[data-fixed="fixed"] .header_inner{position:fixed; left:0; top:0; background:#fff; border-bottom:1px solid #ccc; }
.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/kr/common/logo_oval.svg) 0 50% no-repeat; }
.header h1 a:focus{outline-offset: 0; }
.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:70px; }
.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; margin-left:-95px; }
@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/kr/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/kr/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/kr/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:first-child {background:url(/resources/images/kr/common/product_search_bg.png) no-repeat center / cover; }
.gnb li.product .gnb_btn_area a:last-child {background:url(/resources/images/kr/common/component_library_banner.png) no-repeat center / cover; }

.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/kr/common/ico_inq.svg) center 50% 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/kr/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/kr/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/kr/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-width:1920px; max-height:calc(100vh - 70px); height:auto; margin-top:70px; background:url(/resources/images/kr/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:870px; height:340px; 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/kr/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:after{display:inline-block; vertical-align:middle;  width:5px; height:9px; margin-left:8px; background:url(/resources/images/kr/common/btn_arrow_ico_w.png) 0 50% no-repeat; background-size:5px 9px; 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/kr/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:1120px; 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; }
.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 .depth1_list > li{margin-bottom:14px; }
.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:110; 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:17px; border-bottom:1px solid #CACACA; }
.footer .menu_area {float:left; width:auto; max-width:650px; }
/* .footer .menu_list1, .footer .menu_list2{overflow:hidden; } */
.footer .menu_list1::after, .footer .menu_list2::after{display: block;clear: both;content: ""; }
.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:15px; 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; font-weight:300; }
.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; }
.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/kr/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 .copy_area {margin-bottom:17px; }
.footer .copy_area::after{display: block;clear: both;content: ""; }
.footer .copyright{float:right; width:auto; max-width:490px; }
.footer .copyright small{font-size:14px; font-weight:400; vertical-align:top; color:#fff; letter-spacing:0; }
.footer .address_area {position:relative; padding-right:240px; }
.footer .address_area p{font-size:14px; color:#fff; }
.footer .address_area .txt1 span{position:relative; display:inline-block; vertical-align:top; padding-left:10px; padding-right:10px; }
.footer .address_area .txt1 span:before {content:""; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#CACACA; }
.footer .address_area .txt1 span:first-child {padding-left:0; }
.footer .address_area .txt1 span:first-child:before {content:""; display:none; }
.footer .address_area a.footer_logo{font-size:0; text-indent:-9999px; overflow:hidden; position:absolute; right:0; top:6px; width:159px; height:28px; background:url(/resources/images/kr/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; width: auto; height: auto; margin:0; }
.quick_menu.on { position: fixed; bottom: 40px; z-index: 10; }
.quick_menu a { width: 64px; height: 64px; border-radius: 50%; box-sizing: border-box; }
.quick_menu .top_btn { padding: 15px 0; border: 1px solid #ddd; background-color: #fff; font-size: 12px; line-height: 1em; text-align: center; color: #333; }
.quick_menu .top_btn::before { content: ""; display: block; width: 100%; height: 16px; margin-bottom: 5px; background: url(/resources/images/kr/common/ico_top.png) 50% 0 no-repeat; }
.quick_menu .outlink_btn { background: url(/resources/images/kr/common/ico_museum.png) no-repeat 0 0; text-indent: -9999px; font-size: 0; border: none; }
.quick_menu .newsroom_link_wrap { display: none; }

/* 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{padding-bottom:25px; font-size:30px; font-weight:600; color:#000; text-align:left; }
.popup_wrap .btn_center{padding-top:30px; }
.popup_wrap .pop_close_btn{position:absolute; right:20px; top:20px; width:48px; height:48px; background:url(/resources/images/kr/common/icon/ic_popup_close.svg) 50% 50% no-repeat; }
.popup_wrap.box_popup[data-popup="email"] .pop_inner_wrap{top:50%; width:750px; height:246px; margin-top:-123px; }
.popup_wrap.box_popup[data-popup="idea"] .pop_inner_wrap{top:50%; width:750px; height:378px; margin-top:-189px; }
.popup_wrap.box_popup .pop_inner{padding:52px 60px; text-align:left; }
.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_wrap{top:100px; padding-bottom:100px; }
.popup_wrap.certification_popup .pop_inner{padding:0; }
.popup_wrap.certification_popup[data-popup="family"] .pop_inner_wrap{width:537px; height:752px; }
.popup_wrap.certification_popup[data-popup="accessibility"] .pop_inner_wrap{width:537px; height:710px; }
.popup_wrap.certification_popup img {max-width:100%; }
.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 .common_btn_wrap { margin-top: 30px; }

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