@charset "utf-8";

/* 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:Arial, Meiryo,"Yu Gothic","MS PGothic","MS Gothic", sans-serif; 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:Arial, Meiryo,"Yu Gothic","MS PGothic","MS Gothic", sans-serif; font-size:100%; color:#000; letter-spacing:-0.5px;}
fieldset, img, button {border:0;}
textarea, input{font-family:Arial, Meiryo,"Yu Gothic","MS PGothic","MS Gothic", sans-serif;}
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:Arial, Meiryo,"Yu Gothic","MS PGothic","MS Gothic", sans-serif; 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 - 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; min-width:160px; height:45px; line-height:45px; padding:0 20px; text-align:center; background:#043285; color:#fff; box-sizing:border-box;}
.btn:after{display:inline-block; vertical-align:middle; width:5px; height:9px; margin-left:8px; margin-top:-4px; background-image:url(/resources/images/jp/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/jp/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/jp/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/jp/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; vertical-align:middle; width:13px; height:10px; margin-left:8px; background-image:url(/resources/images/jp/common/btn_more_ico_g.png); background-position:0 50%; background-repeat:no-repeat; 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/jp/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/jp/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: 140px; 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/jp/common/icon/ic_plus.svg"); }
.common_btn.icon i.ic_plus::after { background-image: url("/resources/images/jp/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/jp/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/jp/common/icon/ic_angle_right_white.svg"); }
.common_btn.icon i.ic_angle_right::after { background-image: url("/resources/images/jp/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 tbody th{padding:21px 15px; background-color:#f3f3f3; text-align:center; font-size:20px; font-weight:400; 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_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:400; 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:400;}
.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; padding-right:170px; 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; font-size:0;}
.basic_table2 .not_agree{overflow:hidden; display:inline-block; vertical-align:middle; width:15px; height:15px; background:url(/resources/images/jp/common/tbl_not_agree.png) 0 0 no-repeat; box-sizing:border-box; font-size:0;}
.basic_table2 .agree.point{background:#666;}
.basic_table2 a.download{overflow:hidden; display:inline-block; width:100%; background-image:url(/resources/images/jp/common/btn_download_off.gif); background-position:right center; background-repeat:no-repeat; text-indent:-9999px;  vertical-align:top; text-align:left; color:#333; }
.basic_table2 a.download:hover{color:#2C7CD8;background-image:url(/resources/images/jp/common/btn_download_on.gif)}
.basic_table2 a.download.center{width:21px; height:21px; vertical-align:middle; 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/jp/common/bg_list_dot.gif) left 10px 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/jp/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/jp/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/jp/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/jp/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/jp/common/product_search_bg.png) no-repeat center / cover;}
.gnb li.product .gnb_btn_area a:last-child{background:url(/resources/images/jp/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/jp/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/jp/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/jp/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/jp/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/jp/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; height:auto; margin-top:70px; background:url(/resources/images/jp/common/srch_pop_bg_new.jpg) 0 0 no-repeat; background-size:cover;}
.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/jp/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/jp/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/jp/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:1000px; 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:30px;}
.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/jp/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:145px; height:28px; background:url(/resources/images/jp/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/jp/common/ico_top.png) 50% 0 no-repeat; }
.quick_menu .outlink_btn { background: url(/resources/images/jp/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:400; 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:400; 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/jp/common/icon/ic_popup_close.svg) 50% 50% no-repeat; }
.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{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:200px; 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:430px; 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;}